浮動布局，float:left;會使當前元素脫離文件流，從而失去對父級元素的支撐，如果此時父級元素沒有設定高度，下面的元素就會擠上去，因此需要清除浮動
給浮動元素的父級元素設定overflow:hidden;
在浮動元素的同級下新增乙個空標籤，並且設定clear:both;
浮動元素的父級元素使用::after
其實，方法2、3的思路使一樣的，都是在浮動元素的同級新新增乙個空標籤，然後設定clear:both;我們知道，::after是偽元素選擇器，即在被選中的元素後面建立乙個偽元素，跟手動新增的標籤能達到一樣的效果。
另，方法二在新新增標籤時，不能使用與浮動元素相同的標籤，比如這裡的li是浮動的，手動新新增的標籤就不能是li，否則會出錯。
清除浮動的三種方法
lang en charset utf 8 清除浮動的三種方法title type text css div3 div3 after style head style background blue border 1px solid gold 使用空標籤清除浮動。增加了無意義的結構元素 style ...
清除浮動的三種方法
在我使用浮動時，為我們帶來了便利的同時也帶了一點影響，我們在使用浮動時往往不會給父級盒子新增高度，因為子盒子會撐起父盒子。這樣一旦我們使用浮動，則下面使用的div會跑到父級盒子的位置，畢竟使用浮動，不占有位置，解決此問題我列出了三種方法，希望能幫助大家。1 在浮動元素後新增空標籤 eg 111222...
速記 清除浮動的三種方法
在今天的布局訓練中學到了運用float來使標籤浮動，這樣便於排版，但在使用float的過程中，有的塊在浮動後塊內的塊標籤是不需要浮動的，這時就需要清楚浮動效果。清楚浮動效果有三種方式 1 cleer 2 cleer3 fd fd after以上三種方法在一般瀏覽器上實現完全沒問題，但在ie6上就可能...