当子/子对象浮动时,父对象崩溃是一个错误,还是故意的?

发件人: css-tricks

尽管崩溃看起来是违反直觉的,但另一种选择更糟糕。考虑一下这种情况:

如果顶部的block元素自动扩展以容纳浮动元素,则段落之间的文本流将出现不自然的间距中断,而没有实际的修复方法。如果是这样的话,美国设计师对这种行为的抱怨会比我们对崩溃的抱怨更为强烈。

当您浮动一个元素时,您将其从页面流中取出。因此,父对象不会扩展以容纳子对象。是的,这是有意的(我相信是有定义的)行为。

Here 是一个关于封闭浮动的教程。

我相信这是浮动的函数。您正在从元素在流中的位置移除元素并将其向左推。它占用的“空间”被释放。与绝对/相对定位相反,对象仍占据空间。

我想事情就是这样的!

本来就是这样的。在这篇文章的中途,有一个解决方案可以解决您在这篇文章中遇到的一些潜在问题。

http://www.smashingmagazine.com/2009/10/19/the-mystery-of-css-float-property/