BFC和清除浮动

1.清浮动(不考虑兼容的话这一项够用了)：

.clear:after{

content:'';

display:block;

clear:both;

}

兼容ie6或7 加一个

.clear{

*zoom:1;  //用来触发 haslayout(IE浏览器的BFC)

}

2.BFC (一套渲染机制)

触发一个元素的BFC

相当于在这个元素里面建立起一堵围墙

围墙里面的内容和围墙外面的内容不会产生干扰

 

触发BFC的方式（以下任意一条就可以）

                                        1.float的值不为none

                                        2.overflow的值不为visible

                                        3.display的值为table-cell、tabble-caption和inline-block之一

                                        4.position的值不为static或则releative中的任何一个

https://www.cnblogs.com/CafeMing/p/6252286.html