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