父div高度不能自適應(yīng)子div高度的解決方案
更新時(shí)間：2014年05月19日 12:03:47 作者：
這篇文章主要介紹了父div高度不能自適應(yīng)子div高度的解決方案,需要的朋友可以參考下
復(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è)問(wèn)題。
另外還有這樣寫(xiě)的：<div style="height:1px; margin-top:-1px;clear:both;overflow:hidden;" />或者<br style="clear:both;" />。
相關(guān)文章
JavaScript實(shí)現(xiàn)form提交，回車(chē)提交URL地址偽靜態(tài)
文本框input里輸入內(nèi)容后，直接Enter回車(chē)鍵提交表單form，是很方便的。如果不使用form提交，用JavaScript來(lái)實(shí)現(xiàn)提交動(dòng)作，而且提交URL地址偽靜態(tài)化，不想帶問(wèn)號(hào)和搜索關(guān)鍵詞，搜索框內(nèi)enter回車(chē)鍵自動(dòng)提交那么應(yīng)該如何實(shí)現(xiàn)呢。2022-12-12
IE圖片下空隙問(wèn)題解決方法集合...2006-09-09
小編最近學(xué)習(xí)了一下高德地圖web版的使用,總結(jié)了一下高德基礎(chǔ)控件的應(yīng)用,高德地圖是開(kāi)源可編輯的,方法不是很難,有興趣的朋友可以試一試自己編輯一下.2018-05-05
讓comment標(biāo)記在各瀏覽器都能通用...2006-09-09
W3C標(biāo)準(zhǔn)：實(shí)時(shí)切換CSS樣式
W3C標(biāo)準(zhǔn)：實(shí)時(shí)切換CSS樣式...2006-09-09
鮮為人知的CSS技巧10則...2006-09-09
CSS超級(jí)技巧大放送合集...2006-06-06
保存幾個(gè)不錯(cuò)的css特效字...2006-08-08
meta是用來(lái)在HTML文檔中模擬HTTP協(xié)議的響應(yīng)頭報(bào)文。2013-11-11
CSS實(shí)現(xiàn)表格的背景兩色漸變...2006-08-08