BFC

2022/3/2 23:17:07

本文主要是介绍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

用于解决:

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



这篇关于BFC的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程