BFC学习笔记

1.参考教程：http://www.itcast.cn/news/20201016/16152387135.shtml

 

2.概念：BFC - Block Formatting Context 块级格式化上下文 BFC的定义。一个BFC区域包含创建该上下文元素的所有子元素，但是不包括创建了新的BFC的子元素的内部元素。

3.条件：
        1.body
        2.flex
        3.inline-block
        4.overflow
        5.absolute,fixed
        6.table-cell
        7.设置浮动（结合他的demo，这条没懂）

4.作用
        1.清除margin塌陷的垂直塌陷
        2.清除margin塌陷的包含塌陷
        3.当浮动产生影响的时候，可以利用BFC来清除浮动的影响
        4.阻止标准流元素被浮动元素覆盖