关于能够触发BFC特性的属性，以及它们各自带来的副作用

如下html代码，读者可自行在浏览器中调试查看效果：

相关解释在注释中

  
  
  
  
  


  

    
margin: 2em;
  
  

    
margin: 2em;
  

以下是各个属性对应的表现情况：

0、里盒子添加margin属性，父盒子塌陷：

 1、添加border，父元素被撑起：

2、添加overflow属性：

3、添加display: inline-block;

4、添加position: absolute;

 5、添加 display:flow-root;

原创文章，如有转载请注明出处：https://www.cnblogs.com/yummylucky/p/15599750.html

cnblog：kiss雪夜