Question

我希望我的元素与“非绝对”类正常定位，因为它的兄弟姐妹元素将被定位为static.Now，因为它的兄弟姐妹是绝对的，所以元素不是绝对地与绝对的元素重叠。 / p>

我如何解决这个问题，使得该元素将处于正常位置，所有兄弟姐妹都将被定位为静态？

<html>

<head>
    <style type="text/css">
        .world{width:1000px;position:relative;border:1px solid black;height:200px;}
        .world .child{position:absolute}
        .animal{left:0px;}
        .tree{left:200px;}
        .water{left:500px;}

        .not-absolute{position:relative;float:left}
    </style>
</head>
<body>
    <div class='world'>
            <div class='child animal'> Absolute</div>
            <div class='child tree'> Absolute</div>
            <div class='child water'>Absolute</div>
            <div class='not-absolute'>Not Absolute</div>
    </div>

</body>
</html>

Answer 1

如果我做对了，我害怕，你要求不可能。当绝对定位时，元素将从流中移除，因此非绝对元素的正常位置也会发生变化。

是否可以设置位置：相对当前绝对定位的元素？这将允许在流中保持非绝对元素位置。

您也可以尝试定位非绝对元素，或者将当前.child绝对值保留为position：static并使用它们：before /：after伪元素来完成工作。

如何制作一个让兄弟姐妹定位于绝对位置的元素？

1 个答案: