研究了一下div+css的高度自適應(yīng)問題
更新時(shí)間：2007年08月17日 19:19:00 作者：
div+css還是比較難搞的，要實(shí)現(xiàn)上下兩個(gè)div高度自適應(yīng)感覺麻煩，查了下資料只找到上下高度都是百份比的是可以的，我要實(shí)現(xiàn)上面的div是具體像素高度，下面是自適應(yīng)剩余的百份比。自己搞了一下還要用上js，不知道是不是很笨，有好的方法請大家帖出來。
<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)文章
在網(wǎng)頁設(shè)計(jì)中,表格是展示數(shù)據(jù)不可少的元素,通過CSS,我們可以對表格進(jìn)行美化和功能性強(qiáng)化,如設(shè)置邊框、背景色、文本對齊和響應(yīng)式布局等,以增強(qiáng)用戶體驗(yàn)和數(shù)據(jù)的可讀性,這不僅使表格結(jié)構(gòu)化數(shù)據(jù)展示更加美觀,還提升了實(shí)用性2024-09-09
不用js多瀏覽器兼容純DIV/CSS對聯(lián)漂浮廣告代碼
兩側(cè)漂浮。經(jīng)測試，兼容IE6，IE7，F(xiàn)irefox瀏覽器2007-12-12![[轉(zhuǎn)]目前找到的最好的Iframe自適應(yīng)高度代碼](http://img.jbzj.com/images/xgimg/bcimg2.png)
[轉(zhuǎn)]目前找到的最好的Iframe自適應(yīng)高度代碼
[轉(zhuǎn)]目前找到的最好的Iframe自適應(yīng)高度代碼...2007-02-02![頁面布局黃金比例[圖片]](http://img.jbzj.com/images/xgimg/bcimg3.png)
2007-12-12
Firefox返回時(shí)Iframe的顯示Bug的解決方法
一個(gè)頁面有4個(gè)Iframe來顯示flash內(nèi)容，其中第二個(gè)iframe的顯示是用Javascript控制的，只有當(dāng)特定的cookie存在時(shí)才出現(xiàn)，否則顯示普通的文本。2008-05-05
一個(gè)很顯淺的寓言，千年老樹，電打雷劈，屹立不倒，卻毀于螻蟻的侵襲之下。自以為精通CSS的人，常常被一些小問題搞到頭暈?zāi)X脹。2010-01-01
解決鼠標(biāo)在 flash 鏈接上不停閃動的問題（web頁面中）
解決鼠標(biāo)在 flash 鏈接上不停閃動的問題（web頁面中）...2006-12-12
web標(biāo)準(zhǔn)常見問題集合3...2006-11-11
關(guān)于《精通css》之幾個(gè)不錯(cuò)的注意事項(xiàng)
這篇文章主要介紹了關(guān)于《精通css》之幾個(gè)不錯(cuò)的注意事項(xiàng),需要的朋友可以參考下2007-03-03
[藍(lán)色]讓2個(gè)DIV居中并排顯示...2006-11-11