我想要外层div，用黑色包裹它div漂浮在其中。我不想用style='height: 200px in the div与outerdivid 因为我希望它自动成为其内容的高度（例如，浮动divs).
<div id='outerdiv' style='border: 1px solid black;background-color: black;'>
<div style='width=300px;border: red 1px dashed;float: left;'>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
</div>
<div style='width=300px;border: red 1px dashed;float: right;'>
<p>zzzzzzzzzzzzzzzzzzzzzzzzzzzzz</p>
</div>
如何实现这一目标？
您可以设置outerdiv的 CSS 到此
#outerdiv {
overflow: hidden; /* make sure this doesn't cause unexpected behaviour */
}
您还可以通过在末尾添加一个元素来完成此操作clear: both。这可以正常添加，用 JS （不是一个好的解决方案）或用:afterCSS 伪元素（在较旧的 IE 中未得到广泛支持）。
问题是容器不会自然地扩展以包含浮动的子项。使用第一个示例时请注意，如果父元素之外有任何子元素，它们将被隐藏。您还可以使用“auto”作为属性值，但是如果任何元素出现在外部，这将调用滚动条。
您也可以尝试浮动父容器，但根据您的设计，这可能是不可能/困难的。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
