清除浮動形成的影響

float浮動可讓元素浮動起來，元素浮動以後脫離原來的排列層面(未徹底脫離文檔流)，處於上方。float的確讓元素的佈局變得簡單，可是也一樣給浮動起來的元素地父級帶來一些問題。子級元素浮動起來後，再也不默認繼承父級的寬高，而父級也檢測不到子級的內容。

解決這個問題的方法就是給父級清除浮動。

（1）給父級手動添加高度

（2）給父級添加overflow：hidden

（3）給浮動的元素添加一個同級的標籤，在標籤內寫clear：both；

（4）給父級添加一個after的僞類，在父級：after內寫

parent:after {

 content:".";
 visibility:hidden;
 display:block;
 clear:both;

}