BFC全称Block Formatting Context,指的是格式化上下文。
BFC其实就是一块能够独立渲染的区域,该元素的内部不管怎么定义都不会影响到外部元素,只有块级元素具备该属性。
如何使元素具有BFC特性
1、根元素(HTML)
2、浮动之后的元素(float属性的值不为none)
3、绝对定位和固定定位的元素
4、行内块元素
5、overflow属性值不为visible的块元素
6、弹性和元素(display:flex)
7、网格元素(display:grid)
BFC全称Block Formatting Context,指的是格式化上下文。
BFC其实就是一块能够独立渲染的区域,该元素的内部不管怎么定义都不会影响到外部元素,只有块级元素具备该属性。
如何使元素具有BFC特性
1、根元素(HTML)
2、浮动之后的元素(float属性的值不为none)
3、绝对定位和固定定位的元素
4、行内块元素
5、overflow属性值不为visible的块元素
6、弹性和元素(display:flex)
7、网格元素(display:grid)