方法一：使用帶clear屬性的空元素

在浮動元素后使用一個空元素如

<div class="clear"></div>

并在CSS中賦予

.clear{clear:both;}

屬性即可清理浮動。亦可使用

<br class="clear" />

或

<hr class="clear" />

來進行清理。

 

方法二：使用CSS的overflow屬性

給浮動元素的容器添加

overflow:hidden

或

overflow:auto;

可以清除浮動，另外在 IE6 中還需要觸發 hasLayout ，例如為父元素設置容器寬高或設置 zoom:1。

在添加overflow屬性后，浮動元素又回到了容器層，把容器高度撐起，達到了清理浮動的效果。

 

方法三：給浮動的元素的容器添加浮動

給浮動元素的容器也添加上浮動屬性即可清除內部浮動，但是這樣會使其整體浮動，影響布局，不推薦使用。

 

方法四：使

總結

以上是生活随笔為你收集整理的常见的清除浮动的五种解决办法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。