读书人

一个DIV自适应高度的有关问题

发布时间: 2012-02-26 20:19:44 作者: rapoo

一个DIV自适应高度的问题
<div style= "width: 200px; ">
<div id= "aa " style= "background-color: #000; float: left; height: 100%; width: 100px; ">
 
</div>
<div id= "bb " style= "background-color: #e4e4e4; height: 100%; width: 100px; float: right; ">   </div>
</div>

有没有办法让aa里面的内容改变时,bb的高度还是可以和aa一样的高。
aa里可能会放动态改变高度的JS导航菜单之类的

[解决办法]
俺可以用 JS 实现!

L@_@K

<div style= "width: 200px; ">
<div id= "aa " style= "background-color: green; float: left; height: 100%; width: 100px; ">
aa <br />
aa1
</div>
<div id= "bb " style= "background-color: #e4e4e4; height: 100%; width: 100px; float: right; ">   </div>
</div>
<SCRIPT LANGUAGE= "JavaScript ">
<!--
var oDiv1 = document.getElementById( "aa ");
var oDiv2 = document.getElementById( "bb ");
oDiv2.style.height = oDiv1.offsetHeight;
//-->
</SCRIPT>
[解决办法]
参考:http://www.doyoe.com/wzcg/showarticle.asp?keyfid=expbz&id=105

读书人网 >CSS

热点推荐