1.什么是块级格式上下文?如何触发?有何特点?如何解决magin塌陷?
BFC就是一个独立的空间,就是让内部的子元素不会影响到外面的元素。
如何触发?
1. 浮动元素,float 除 none 以外的值
2. 定位元素,position的值不是static或者relative。
3. display 为 inline-block 、table-cell、table-caption、table、table-row、table-row-group、
table-header-group、table-footer-group、inline-table、flow-root、flex或 inline-flex、grid或 inline-grid
4. overflow 除了 visible 以外的值(hidden,auto,scroll)
5. 根元素<html> 就是一个 BFC
有何特点?
1.能够防止外边距塌陷(造成塌陷的根本原因就是相邻的盒子具有同一个BFC,此时只要在其中一个盒子另外加一个BFC就可以解决) 2.清除浮动所带来的影响
标签:BFC,块级,group,元素,table,inline,上下文 From: https://www.cnblogs.com/lhnbclass/p/17601559.html