1.clear屬性 屬性值：left/right/both/none 表示框的哪些邊不能挨著浮動框
新增乙個空元素並清理它
.news
.news img
.news p
.clear
text
新增乙個
或其他的,新增clear屬性，清理它上面的浮動元素，both即清理左浮動和右浮動
缺點：新增了不必要的**，無意義的標記。
2.可以不對浮動的元素清理，而是浮動div元素<
.news
.news img
.news p
div class="news">
text
3.使用偽類和內容宣告在指定的現有內容的末尾新增新的內容。 例如.clear:after 將它的height設定成0，visibility設定成hidden，display設定成block就可以對生成的內容進行清理。
.clear::after{
content:"...";
height:0;
visibility:hidden;
display:block;
clear:both;
text
清理浮動相關
我們將現有已知的清楚浮動元素方法羅列下 採用乙個html標籤，以及css的clear屬性，來手工清理浮動 採用偽類 after，動態建立乙個塊元素，設定 clear 屬性，清理之前的浮動元素 採用css overflow 非 visible 值 overflow auto overflow hidd...
CSS清理浮動
發表於2011年2月1日 由sivan 文章目錄 前言清理浮動的方法 使用帶有clear屬性的空元素 使用css的 after偽元素 使用css的overflow屬性進行怪異處理 給浮動元素的容器新增浮動 使用鄰接元素清理 其他方法 我的解決方案 綜合運用方案 一勞永逸方案 小結 update 20...
css div 清理浮動的2種方法
使用float屬性，導致div的內容發生浮動，浮動帶來負影響 1 背景不能顯示 2 邊框撐不開 3 div的padding和margin不能起作用 處理float浮動的兩種方式 1 div的子類中增加乙個div，設定div中的clear both,不允許左右兩邊存在浮動 css divcss5 di...