或许是先人相干）的笔直边距相遇时相邻的两个盒子（或许是兄弟相干也，一个表边距它们将造成。折叠的表边距的高度中的较大者这个表边距的高度等于两个爆发。
对定位元素也会脱节文档流)浮动元素会脱节文档流(绝，算凿凿的高度导致无法计，题目称这种为
发 BFC 的条目若是一个元素适宜触，素构造不受表部影响则 BFC 中的元。
除浮动告竣清，多先容了这里就不，-clearfix（铲除浮动）思要明晰的能够阅读前端口试题。
rmatting Context块格局化上下文（Block Fo，可视化CSS衬托的一个人BFC）是Web页面的，成块级盒子的区域是构造经过中生，元素的交互局限区域也是浮动元素与其他。
个独立的容器BFC 是一，影响容器表的元素容器内子元素不会。亦云云反之。Betway体育彩天堂，
hidden 创修 BFC通过 overflow:，高度塌陷的题目虽然能够管理，用正在构造上肯不过大周围应定
或许有些疑心这一听起来，FC 导致表边距折叠的题目由于咱们正在前面会商了 B。apsing）只会爆发正在属于统一BFC的块级元素之间但咱们务必记住的是表边距折叠（Margin coll。差异的 BFC若是它们属于，边距则不会折叠它们之间的表。个差异的 BFC于是通过创修一，表边距折叠就能够避免。
ne-flex table-cell 或 table-captiodisplay ＝ inline-block flex inlin
地一个接一个地陈设盒子从顶端入手笔直， margin 决策的盒子之间笔直的间距是由。
会更改结果不，叠表边距还会折，间隔为 10px 的间隔分隔三个兄弟元素（P）将会以笔直。都属于统一个 BFC来源是三个兄弟元素。
创修 BFC浮动元素会，合键受该浮动元素影响则浮动元素内部子元素，于是
，dden 会形成溢出埋没的题目真相 overflow:hi，的交互后果会有影响越发是与 JS 。
属于差异的 BFC 时当第二和第三个兄弟元素，有表边距折叠它们之间就没。
独立的构造境况BFC 是一个,为一个容器能够通晓,定端正举办物品摆放正在这个容器中遵从一,而且
别并蕴涵浮动元素BFC 可以识，域的高度时当阴谋其区，以出席阴谋了浮动元素也可。
如上左图所示题目举例：，或者 height = auto 容器（container）没有高度,ling）是浮动元素而且其子元素（sib，度是不会被撑开的于是该容器的高，度塌陷即高。
是两个元素的边距之和（20px）表面上两个兄弟元素之间的边距该当， 10px但本质是。距折叠导致的这即是表边。
er）中蕴涵两个绿色的兄弟元素（P）如上图所示：血色盒子（Contain，rflow: hidden而且血色盒子设备 ove; 一经被创修则一个BFC,边距折叠即导致表。