CSS浮動分析
1.脫離標準文檔流實現
定義：讓標籤脫離標準文檔流的約束限制，獨自進行定位設置約束：一般脫標設置的都是塊級元素（內聯元素可以脫標，不常用）
實現方式：浮動、絕對定位、固定定位
2.浮動的特性
1>.浮動的元素脫離了標準文檔流的約束
2>.浮動的元素相互貼靠
3>.浮動的元素具有字圍現象
4>.浮動的元素對後面的元素有影響
3去除浮動影響的方法
1 給父盒子加上高度（項目中不常用）項目中元素基本上是由內容撐起的高度，不會給固定的高低（不推薦使用）
2 給後面的父盒子加上clear:both（浮動清除，但是父盒子的margin失效了：父盒子塌陷了）也不推薦使用。
3 外牆法（在浮動的兩個父盒子之間加上一個div，這個div樣式爲clear:both）這個方法雖然能清楚浮動，也有margin，但是父盒子還是沒有高度
4內牆法（在浮動的父盒子最前面或者最後面加上一個div，這個div的樣式爲clear:both）父盒子有了高度，但是出現了很多無用的div
5 overflow:hidden（給第一個浮動的父盒子加上這個屬性。也能清除浮動，意思是溢出盒子的部分隱藏起來）
這種方法，既能清除浮動，又讓盒子有了高度，還不會出現莫名其妙的空盒子。