1回答

好帮手慕张

2021-01-28

同学你好，问题解答如下：

1、什么是BFC

BFC可以理解为：创建了 BFC的元素就是一个独立的盒子（页面上的一个隔离的容器），里面的子元素不会在布局上影响外面的元素（里面怎么布局都不会影响外部）。

2、如何创建BFC

1）float属性值不为none

2）position不为static和relative

3）overflow:hidden

4）display的值为inline-block,  flex, inline-flex

3、BFC的作用

1）BFC可以取消盒子margin塌陷

2）BFC可以阻止元素被浮动元素覆盖

总结：在页面上有一个独立隔离容器，容器内的元素和容器外的元素布局不会相互影响。其实就是为了解决浮动，定位等元素对布局的影响。

这里同学不必太纠结，这是个不容易理解的点，后面实际应用的时候就能深刻的体会到。

祝学习愉快！

0