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