BFC：超越常规布局的秘密武器
BFC
BFC是指页面中的一个渲染区域，并且拥有一套渲染规则，他决定了 其子标签如何定位，以及与其他标签的相互关系和作用。BFC的特性
垂直方向上的距离由margin决定，属于同一个BFC的两个相邻标签的margin会发生重叠。
每个标签的左外边距与包含块的左边界相接触(从左向右)，即使浮动标签也是如此。
BFC 的区域不会与 float 的标签区域重叠。(不包括固定定位方法)
计算BFC的髙度时，浮动子标签也参与计算。
BFC就是页面上的一个隔离的独立容器，容器里面的子标签不会影响到外面标签， 反之亦然。
BFC解决的问题
外边距塌陷
清浮动
两栏或者三栏自适应布局 (只能用overflow：hidden)
版权声明：他人将便捷数据网提供的内容与服务用于商业、盈利、广告性目的时，需得注明出处，转载时请附上原文出处链接及本声明。
原文链接：https://www.bian-jie.cn/search/promotion_article/1/18887174.html