文秘频道 | 图片频道 | 教程频道 | 教案频道 | 加入收藏 | 会员投稿
当前位置:教程荟萃首页 >> 编程开发 >> DIV+CSS >> DIV高度自适应的解决方法
DIV高度自适应的解决方法
2008-02-21 22:38:57  作者:未知  来源:中国自学编程网  浏览次数:90  文字大小:【】【】【
看下面的例子,我们一起来解决DIV高度自适应的问题。
<div style="width:500px;background:#cccccc;height:0px;">
<div id="right" style="width:380%;height:100%;float:left;border:1px solid #265492;">left4</div>
<div id="left" style="width:60%;;float:left;background:#376037;">
right<br>
right<br>
right<br>
right<br>
right<br>
right<br>
right<br>
</div>
</div>

<script type="text/javascript">
//关键代码
<!--
var a=document.getElementById("left");
var b=document.getElementById("right");
if(a.clientHeight<b.clientHeight)
{
a.style.height=b.clientHeight "px";
}
else{
b.style.height=a.clientHeight "px";
}
-->
</script>

0

顶一下

0

踩一下
友情链接 | 诚聘英才 | 关于我们 | 版权声明 | 联系我们 | 广告服务
  •     大智学场copyright©2007 站长QQ:138290388 闽ICP备05004390号 
    声明:站内提供的所有教程文章均是由网上搜集或网友提供,若侵犯了你的版权利益,敬请来信通知我们!