父div高度不能自適應(yīng)子div高度的解決方案
更新時間：2014年05月19日 12:03:47 作者：
這篇文章主要介紹了父div高度不能自適應(yīng)子div高度的解決方案,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<div id="parent">
<div id="content"> </div>
</div>
當content內(nèi)容多時，即使parent設(shè)置了高度100%或auto，在不同瀏覽器下還是不能完好的自動伸展。解決方案如下：
復(fù)制代碼 代碼如下:
<div id="parent">
<div id="content"></div>
<div style="font: 0px/0px sans-serif;clear: both;display: block"> </div>
</div>
在層的最下方產(chǎn)生一個高度為1的空格，可解除這個問題。
另外還有這樣寫的：<div style="height:1px; margin-top:-1px;clear:both;overflow:hidden;" />或者<br style="clear:both;" />。
相關(guān)文章
如何設(shè)置網(wǎng)頁的背景為透明...2006-10-10
[紅色]CSS 實用實例(推薦)...2006-07-07
小區(qū)后臺管理系統(tǒng)項目前端html頁面模板實現(xiàn)示例
這篇文章主要為大家介紹了java項目開發(fā)小區(qū)后臺管理系統(tǒng)前端頁面模板的示例代碼，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步2021-11-11
網(wǎng)頁美工制作規(guī)范...2006-08-08
本文章提供的對聯(lián)廣告是完全使用css實現(xiàn)的，并且兼容所有瀏覽器，包括各種ie,ff,gg瀏覽器哦，代碼簡潔好用2013-11-11
w3c技術(shù)架構(gòu)介紹...2006-09-09
今天要講的window.getComputedStyle ，就像剛接觸JS的時候，看到 document.getElementById一樣，名字都這么長，頓生怯意。不過莫慌，我覺得如果我們不是只想做一個混飯吃的前端，那么越是底層的東西，如果能夠吃透它，越是能讓人進步。2021-05-05
不用float實現(xiàn)模塊居中布局...2006-09-09
firefox樣式表定義不支持cursor:hand...2006-07-07
這篇文章主要介紹了flex布局下兩端對齊，不滿左對齊,需要的朋友可以參考下2022-12-12