復(fù)制代碼 代碼如下:
div id="parent">
div id="content"> /div>
/div>
當(dāng)content內(nèi)容多時(shí)，即使parent設(shè)置了高度100%或auto，在不同瀏覽器下還是不能完好的自動(dòng)伸展。解決方案如下：
復(fù)制代碼 代碼如下:
div id="parent">
div id="content">/div>
div style="font: 0px/0px sans-serif;clear: both;display: block"> /div>
/div>
在層的最下方產(chǎn)生一個(gè)高度為1的空格，可解除這個(gè)問題。
另外還有這樣寫的：div style="height:1px; margin-top:-1px;clear:both;overflow:hidden;" />或者br style="clear:both;" />。
您可能感興趣的文章:- 浮動(dòng)的div自適應(yīng)居中顯示的js代碼
- 關(guān)于div自適應(yīng)高度/左右高度自適應(yīng)一致的js代碼
- 基于jQuery實(shí)現(xiàn)左右div自適應(yīng)高度完全相同的代碼
- 利用onresize使得div可以隨著屏幕大小而自適應(yīng)的代碼
- Firefox div高度自適應(yīng)
- 研究了一下div+css的高度自適應(yīng)問題
