【问题标题】:Is the fact that parent collapses when child/children are floating a bug, or is it intentionally?当孩子/孩子漂浮一个错误时,父母崩溃的事实是,还是故意的?
【发布时间】:2010-02-05 01:51:24
【问题描述】:

当孩子们漂浮一个错误时,父母会崩溃吗?

如果是这样,为什么较新的浏览器没有修复它

是故意的吗?有什么好的理由?

我知道至少有 6 种解决方案可以解决这个问题,我只是问这是否是一个错误。

谢谢

【问题讨论】:

    标签: html css browser


    【解决方案1】:

    来自:css-tricks

    虽然折叠看起来很反直觉,但替代方案更糟。考虑这种情况:

    如果顶部的块元素自动扩展以容纳浮动元素,我们将在段落之间的文本流中出现不自然的间距中断,并且没有实际的修复方法。如果是这种情况,我们设计师对这种行为的抱怨会比我们对崩溃的抱怨要严重得多。

    几乎总是需要处理折叠,以防止出现奇怪的布局和跨浏览器问题。我们通过在容器中的浮动元素之后但容器关闭之前清除浮动来修复它。

    【讨论】:

    【解决方案2】:

    当您浮动一个元素时,您会将其从页面流中移除。因此,父级不会扩展以容纳子级。是的,这是有意的(我相信是明确的)行为。

    Here 是一个讨论封闭浮动的教程。

    【讨论】:

      【解决方案3】:

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

      我认为是这样的!

      【讨论】:

      • 关闭,但您并没有完全将其从流程中删除,因为文本会正确环绕浮动图像。
      【解决方案4】:

      本应如此。在本文的中途,有一个解决方案可以解决您遇到的一些潜在问题。

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

      【讨论】:

        猜你喜欢
        • 2019-11-24
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-01-15
        • 1970-01-01
        • 2016-02-19
        相关资源
        最近更新 更多