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