请选择 进入手机版 | 继续访问电脑版

红手套

 找回密码
 免费注册
搜索
热搜: 活动 交友 discuz
查看: 4485|回复: 0

javaScript实现两个div高度自适应

[复制链接]

307

主题

308

帖子

1584

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1584
发表于 2014-2-27 08:52:49 | 显示全部楼层 |阅读模式
css代码:
<style type="text/css">
.box{float:left;width:600px;}
#divleft{float:left;width:300px;background-color:#0C6; }
#divright{float:left;width:300px;background-color:#F90;}

div布局:
<div class="box">
<div id="divleft"></div>
<div id="divright"></div>
</div>

  1. <script type="text/javascript">
  2. <!--
  3. window.onload=window.onresize=function(){
  4. if(document.getElementById("divright").clientHeight<document.getElementById("divleft").clientHeight){
  5. document.getElementById("divright").style.height=document.getElementById("divleft").offsetHeight+"px";
  6. }
  7. else{
  8. document.getElementById("divleft").style.height=document.getElementById("divright").offsetHeight+"px";
  9. }
  10. }
  11. -->
  12. </script>
复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|Archiver|手机版|小黑屋|红手套  

GMT+8, 2020-9-30 16:14 , Processed in 0.146074 second(s), 23 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表