父div高度不能自適應(yīng)子div高度的解決方案

字號(hào):


    代碼如下:
    <div id=parent>
    <div id=content> </div>
    </div>
    當(dāng)content內(nèi)容多時(shí),即使parent設(shè)置了高度100%或auto,在不同瀏覽器下還是不能完好的自動(dòng)伸展。解決方案如下:
    代碼如下:
    <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; />。