BFC(Block Formatting Context)块级格式化上下文

BFC(Block Formatting Context)块级格式化上下文

参考文献:kayosite.com/block-formatting-contexts-in-detail.html

-触发条件:

1.display:table-cell/table

2.overflow除visable

3.float除none

4.position:absolut/fixed

-BFC特性

1.触发BFC特性的元素与它的子元素外边距不会折叠

2.触发BFC特性的元素与浮动的兄弟元素互不影响,在在它们父元素宽度允许的情况下在同一行,不允许的话,处于浮动元素下方

3.可以包含浮动元素,并不会产生高度坍塌

你可能感兴趣的:(BFC(Block Formatting Context)块级格式化上下文)