研究了一下div+css的高度自適應(yīng)問(wèn)題
更新時(shí)間：2007年08月17日 19:19:00 作者：
div+css還是比較難搞的，要實(shí)現(xiàn)上下兩個(gè)div高度自適應(yīng)感覺(jué)麻煩，查了下資料只找到上下高度都是百份比的是可以的，我要實(shí)現(xiàn)上面的div是具體像素高度，下面是自適應(yīng)剩余的百份比。自己搞了一下還要用上js，不知道是不是很笨，有好的方法請(qǐng)大家帖出來(lái)。
<body style=”height:100%; margin:0px; width:100%;”>
<div id=”ddii22″ style=” background-color:#ffffff; height:110px; position:absolute; left:0px; top:0px; width:100%; z-index:1000″>
1111111111111111
</div>
<div id=”ddii” style=” background-color:#999999; height:100%; position:absolute; left:0px; top:110px; width:100%; z-index:100″>
<div style=”height:100%; overflow:auto; “>
</div>
</div>
<script type=”text/javascript”>
document.getElementById('ddii').style.height = document.getElementById('ddii').clientHeight-110 + ‘px';
</script>
</body>
<body style=”height:100%; margin:0px; width:100%;”>
<div id=”ddii22″ style=” background-color:#ffffff; height:110px; position:absolute; left:0px; top:0px; width:100%; z-index:1000″>
1111111111111111
</div>
<div id=”ddii” style=” background-color:#999999; height:100%; position:absolute; left:0px; top:110px; width:100%; z-index:100″>
<div style=”height:100%; overflow:auto; “>
</div>
</div>
<script type=”text/javascript”>
document.getElementById('ddii').style.height = document.getElementById('ddii').clientHeight-110 + ‘px';
</script>
</body>
相關(guān)文章
都是IE惹的禍多瀏覽器兼容問(wèn)題...2007-04-04
CSS兼容要點(diǎn)分析...2006-11-11
客齊集OEM的CSS解析與開(kāi)發(fā)經(jīng)驗(yàn)
客齊集OEM的CSS解析與開(kāi)發(fā)經(jīng)驗(yàn)...2007-03-03
又一實(shí)用的常用CSS縮寫(xiě)語(yǔ)法收集
又一實(shí)用的常用CSS縮寫(xiě)語(yǔ)法收集...2007-11-11
一些很不錯(cuò)的css技巧,但也常為人們所忽略...2007-05-05
學(xué)習(xí)WEB標(biāo)準(zhǔn)總結(jié)的一些CSS/XHTML知識(shí)小結(jié)
制作網(wǎng)頁(yè)過(guò)程中，總會(huì)遇到一些CSS/XHTML的各種問(wèn)題，下面大體的總結(jié)了下2008-09-09
table高級(jí)應(yīng)用把表格進(jìn)行到底(必看)
看了poorfish的這篇文章感覺(jué)不錯(cuò)，先不考慮其它的，現(xiàn)在雖然流行div+css ,但仍有許多朋友還在用table,div+css主要考慮顯示速度，但多瀏覽器的兼容性，仍是個(gè)問(wèn)題。2007-12-12
css——之三行三列等高布局圖文教程...2007-04-04
文章內(nèi)容頁(yè)廣告浮于左上角的解決辦法...2007-03-03
Web Safe Color Pallette...2007-02-02