我的站点中有一个具有绝对定位的 div，但想在它之后恢复正常的文档流。有没有类似clear:both;的东西，或者我需要创建一个具有相同高度的隐藏元素来获得相同的效果。
因此，正如您在此处看到的，第二个 Div 被隐藏在绝对定位元素后面。
div{
width:100%;
text-align:center;
font-size:20px;
}
#div_1{
position:absolute;
height:50px;
background-color:#F00;
}
#div_2{
height:100px;
background-color:#0F0;
}
<div id="div_1">Div that should appear on top</div>
<div id="div_2">Div that should appear below</div>我需要该元素保持绝对定位，但希望实现与此相同的文档流程：
div{
width:100%;
text-align:center;
font-size:20px;
}
#div_1{
height:50px;
background-color:#F00;
}
#div_2{
height:100px;
background-color:#0F0;
}<div id="div_1">Div that should appear on top</div>
<div id="div_2">Div that should appear below</div>一旦绝对定位的元素离开文档流，就无法将其放回原处。
您添加隐藏元素的建议是可行的，但您也可以将margin-top第二个 div 的 设置为等于绝对定位元素的高度 - 这会将其放置在第一个 div 下方。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句