请解释一下什么是BFC?
先看一下官方的定义:
收到
通俗的来解释的话
BFC实际上是一种浏览器的规则。
当一个元素,符合某种条件,触发了BFC的规则
那么该元素就会具备如下特征:
1 子元素的外边距不再父元素重叠
上边距重叠
父元素变成BFC以后
可以简单的理解为,两个元素互相不会影响
2 计算高度时会将浮动元素考虑进来
父元素不是BFC,浮动元素不影响高度
父元素变成BFC,浮动元素被计算在内
那么如何触发BFC呢?
有这么几个条件:
企业面试题:-原生JS、jQuery常见问题讲解(14集):https://pan.baidu.com/s/1EYCNleg64Dr4vd_7T3Tvuw 提取码:ocvr
HTML+CSS新手快速入门教程(编程小白福音系列): https://pan.baidu.com/s/1Z1_smq7Z15bZWgDk3gA30A 提取码:ri1r
【视频】5分钟读懂HTML5,走进Web前端工程师: https://pan.baidu.com/s/18Ei2Y3Js1j09BOf8PM3Yyg 提取码:l3lr
讲师辅导,技术交流,更多进阶/高级教程可以加群:712051083