float div高度自適應（解決div float后，父div高度無法自適應的問題）

在用CSS+DIV的布局中，經(jīng)常會發(fā)現(xiàn)，當一個DIV float之后，如果他的高度超過了其父DIV的高度時，其父DIV的高度并不會相應的進行調(diào)整。要解決這個問題（也叫做閉合(清除)浮動），我們有四種辦法：

額外標簽法

這種方法就是向父容器的末尾再插入一個額外的標簽，并令其清除浮動（clear）以撐大父容器。

這種方法瀏覽器兼容性好，沒有什么問題，缺點就是需要額外的（而且通常是無語義的）標簽。我個人比較喜歡這種方法，因為它簡單、實用、瀏覽器兼容性好，而且這種方法也是W3C推薦的方法

1	<div?style="clear:both;"></div>

? ? ? 或者使用

1	<br?style="clear:both;"?/>

注意：考慮到瀏覽器兼容，須將以上代碼放至“父div”內(nèi)。

?

本文轉(zhuǎn)自許琴 51CTO博客，原文鏈接：http://blog.51cto.com/xuqin/1221990，如需轉(zhuǎn)載請自行聯(lián)系原作者

總結

以上是生活随笔為你收集整理的float div高度自适应的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。