块级格式化上下文BFC

它规定了在该区域中,常规流块盒的布局,是一块独立的渲染区域

一、在没有设置这块区域的时候,常规流块盒是:

1、块级元素垂直方向上必须依次摆放,margin、padding重叠

2、常规流块盒在水平方向上,必须撑满包含块,若外边距无缝相邻,外边距会合并,自动高度的摆放位置会无视浮动

二、BFC全称Block Formating Context

触发条件:根元素HTML、浮动和绝对定位元素、overflow≠visible的块盒

三、规则

创建BFC的元素

其自动高度需要计算浮动元素

边框盒不会与浮动元素重合

不会和它的子元素进行外边距合并

注意:此规则只适用于创建BFC的元素的内部,不包括元素本身

猜你喜欢

转载自www.cnblogs.com/cj-18/p/9032784.html