您可能知道，包含浮动元素的元素不会在其子元素周围延伸，除非您在其后面添加clear元素或将父级overflow设置为hidden。 See example.
我的问题是，是否有任何现实生活场景，其中人们希望不拉伸其子元素周围的父元素，如上例中的“Overflow visible”框中那样？
答案 0 :(得分：1)
有趣的想法，但我怀疑有人会想要这样做，你可以只做一个边框+填充来重现那个场景，其次，明确的事情实际上被认为是一个错误/一些不正确的东西行为。
在现实世界中，如果你不知道更好，你可以解决这个“解决方案”，其中一个没有任何高度的盒子，它们所包含的元素显示在它之外，但是既然你知道的更好，那么最好正确地做到这一点，意思是，清除div，使用绝对定位，或使用边框和填充来达到同样的效果。
修改的
它实际上并不是一个错误，但它是“正确”的行为，因为如果浮动容器自行清除，它将提出一个更难的问题，如本页所述：http://css-tricks.com/all-about-floats/