您可以将
outerdiv的CSS设置为此
#outerdiv { overflow: hidden; }您也可以在末尾添加一个元素来完成此操作
clear:both。可以使用JS(不是一个好的解决方案)或
:afterCSS伪元素(在较旧的IE中不受广泛支持)正常添加。
问题在于容器不会自然地扩展为包括浮动儿童。使用第一个示例警告您,如果在父元素之外还有子元素,则它们将被隐藏。您也可以使用’auto’作为属性值,但是如果任何元素出现在外部,这将调用滚动条。
您也可以尝试浮动父容器,但是根据您的设计,这可能是不可能/困难的。



