绝对定位的div内的相对定位div

2018-07-01 17:29:44

你怎么能包含一个绝对定位的div内的相对定位的div？例如，像这样的结构：

HTML

<div class="wrapper clearfix">
 <div class="contentWrapper">
  <div class="content">Looong text here...</div>
 </div>
</div>

CSS

.wrapper {
position:relative;
}
.contentWrapper {
position:absolute;
top:0;
left:0;
}

将会导致contentWrapper的高度为0（当元素被检查时），并且内容类的div不会显示。

有没有办法将绝对定位元素的clearfix方法应用于相对的元素？

谢谢

编辑：

我在这里要做的是避免“Looooong文本”扩展包装（包装具有动态宽度，无法修复）。 contentWrapper包含文本并包装它，它也填充父包装的宽度，以便它不会被展开。唯一的问题是contentWrapper的高度是0，文本没有显示。

任何其他方式来做到这一点？

不，这是不可能的，你只能使用clearfix清除浮动元素。

如果相对定位的容器中的唯一元素是绝对定位的，则必须在容器上指定高度。问题在于position:absolue从内容流中删除元素，因此容器无法识别绝对定位元素的高度。

链接地址: http://www.djcxy.com/p/88467.html