【问题标题】:Is margin bleeding a bug in WebKit?边缘出血是 WebKit 中的一个错误吗?
【发布时间】:2013-02-13 12:40:36
【问题描述】:

我不确定这是一个错误还是这里有一些神秘的 CSS 规则在起作用。 基本上,子元素的边距设置将在其父元素之外实现,即使父元素足够大以容纳子元素并且它的边距完全。

这里有一个小的 HTML 文档来说明这一点:https://gist.github.com/skid/5048988。 这会在 Chrome 25 上发生,但不会在 Firefox 14 上发生。

【问题讨论】:

  • 按预期工作:请参阅Margin collapsing
  • 是的,但是容器的高度大于子元素+子元素的边距。 Firefox 的行为并非如此。

标签: css html webkit render


【解决方案1】:

From @Yosyhi comment: 块的顶部和底部边距有时会组合(折叠)成一个边距,其大小是组合到其中的最大边距,这种行为称为边距折叠。

保证金崩溃发生在三种基本情况:

  • 相邻的兄弟姐妹
  • 父母和第一个/最后一个孩子
  • 空块

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-10-07
    • 2021-08-18
    • 2021-12-04
    • 1970-01-01
    • 1970-01-01
    • 2019-11-17
    • 2018-03-25
    相关资源
    最近更新 更多