求教，父元素不包括子元素的 margin 是怎么回事？

[caopi]

我设置了 box-sizing: border-box;但是父元素高度只等于子元素的内容高度，不包括 margin 的高度。

我就纳闷了

[caopi]

按道理说，设置了盒模型应该可以包含 margin 了

[caopi]

加入 bfc 高度就包含子元素 margin 了，搞不懂了

[rabbbit]

父元素没有 bord,所以子元素的 margin 跑出去了
生成 BFC 后,内部元素不受外部影响,就又包括了
你可以想象 BFC 是个盒子,把里边的都包起来了

[rabbbit]

bord -> border

[ToHaveLight]

有可能是垂直外边距重叠了

[FakeLeung]

父元素：
border: 1px solid transparent;

[caopi]

@rabbbit 没有 border 就会跑出去是怎么回事呢？

[rabbbit]

边距合并,只要两个 margin 相遇了,他们中间没有东西,就会和并(除 bfc)
甚至,如果元素没 height/border 只有 margin,上下俩 margin 也会合并

[enjoyCoding]

8 楼正解 搞个 BFC 就好了

[caopi]

@rabbbit margin 为 0 也会合并是吗

[supuwoerc]

外边距折叠的问题吧。。bfc 划块解决之