BFC

BFC-块级格式化上下文

每一个BFC区域只包括其子元素,不包括其子元素的子元素

每一个BFC区域都是独立隔绝的,互不影响

触发BFC的条件:

1.body根元素

2.position不是static或者relative

3.display值为table|table-cell|inline-box1

4.float不是none

5.overflow:auto/hidden

用于解决:

垂直塌陷|包含塌陷|子元素浮动其高度参与容器高度计算|防止标准流被浮动元素覆盖

posted @ 2022-03-02 21:53  BONiii  阅读(30)  评论(0)    收藏  举报