最近學習了float這個屬性，float可以讓元素浮動起來，浮動起來的元素脫離原來的排列層面（未完全脫離文檔流），處於上方。float的確讓元素的布局變得簡單，但是也同樣給浮動起來的元素地父級帶來一些問題。子級元素浮動起來后，不再默認繼承父級的寬高，而父級也檢測不到子級的內容。
解決這個問題的方法就是給父級清除浮動。
（1）給父級手動添加高度
（2）給父級添加overflow：hidden
（3）給浮動的元素添加一個同級的標簽，在標簽內寫clear：both；
（4）給父級添加一個after的偽類，在父級：after內寫{
content:".";
visibility:hidden;
display:block;
clear:both;}
