请解释一下什么是BFC?

先看一下官方的定义:

前端面试题:企业面试真题—041(****在末尾)收到

 

通俗的来解释的话

BFC实际上是一种浏览器的规则。

当一个元素,符合某种条件,触发了BFC的规则

那么该元素就会具备如下特征:

1 子元素的外边距不再父元素重叠

前端面试题:企业面试真题—041(****在末尾)

上边距重叠

前端面试题:企业面试真题—041(****在末尾)

父元素变成BFC以后

可以简单的理解为,两个元素互相不会影响

前端面试题:企业面试真题—041(****在末尾)

2 计算高度时会将浮动元素考虑进来

前端面试题:企业面试真题—041(****在末尾)

父元素不是BFC,浮动元素不影响高度

前端面试题:企业面试真题—041(****在末尾)

父元素变成BFC,浮动元素被计算在内

 

那么如何触发BFC呢?

有这么几个条件:

前端面试题:企业面试真题—041(****在末尾)

 

 

企业面试题:-原生JS、jQuery常见问题讲解(14集):https://pan.baidu.com/s/1EYCNleg64Dr4vd_7T3Tvuw  提取码:ocvr 

前端面试题:企业面试真题—041(****在末尾)

HTML+CSS新手快速入门教程(编程小白福音系列):              https://pan.baidu.com/s/1Z1_smq7Z15bZWgDk3gA30A   提取码:ri1r 

【视频】5分钟读懂HTML5,走进Web前端工程师:                    https://pan.baidu.com/s/18Ei2Y3Js1j09BOf8PM3Yyg 提取码:l3lr 

讲师辅导,技术交流,更多进阶/高级教程可以加群:712051083

相关文章: