当孩子浮动一个错误时,父母是否会崩溃?
如果是这样,为什么较新的浏览器无法修复它
有意吗?有什么好理由?
我知道至少有6种解决方案来解决这个问题,我只是问这是不是一个错误。
谢谢
答案 0 :(得分:4)
来自:css-tricks
如同倒塌的反直觉一样,替代方案更糟糕。请考虑以下情况:
如果顶部的块元素自动展开以容纳浮动元素,我们在段落之间的文本流中会有一个不自然的间距中断,没有实际的修复方法。如果是这种情况,我们的设计师会对这种行为抱怨比对崩溃更加抱怨。
几乎总是需要处理折叠以防止奇怪的布局和跨浏览器问题。我们通过在容器中的浮动元素之后但在容器关闭之前清除浮动来修复它。
答案 1 :(得分:1)
浮动元素时,将其从页面流中取出。因此,父母不会扩展以容纳孩子。是的,这是有意的(并且我认为是定义的)行为。
Here是一个关于封闭浮点数的教程。
答案 2 :(得分:1)
我相信这是浮动的一个功能。您正在从流中的位置移除元素并向左推。它占用的“空间”被释放。与绝对/相对定位相反,物体仍占据空间。
我认为这是怎么回事!
答案 3 :(得分:1)
它意味着那样。在本文的中间部分,有一个解决方案可以解决您遇到的一些潜在问题。
http://www.smashingmagazine.com/2009/10/19/the-mystery-of-css-float-property/