请教一个DIV+CSS的问题。。。不限height的条件下使两个DIV等高

如图。两个DIV（DIV1、DIV2）并列排列，都不限高度（height），但DIV1里面的内容是固定的高度，而DIV2则作为内容区域，高度不定。有什么办法能够使DIV1... 如图。

两个DIV（DIV1、DIV2）并列排列，都不限高度（height），但DIV1里面的内容是固定的高度，而DIV2则作为内容区域，高度不定。

有什么办法能够使 DIV1的高度=DIV2的高度，前提还是DIV2不限高度，因为放的内容指不定多高。

代码贴不贴没什么意义吧：
<div style="width:500px;">
<div style="width:200px;float:left;">sss</div>
<div style="width:200px;float:left;">aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/></div>
</div> 展开

 我来答

7个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

onelovecat
2013-01-06 · TA获得超过174个赞

知道小有建树答主

回答量：160

采纳率：100%

帮助的人：80.7万

我也去答题访问个人页

关注

展开全部

div2中的内容是加载进来的，所以可能高度不定，单用css我还不知道如何解决，但是用js就很容易解决这个问题，可以用js吗？
jquery写法
$("#div1ID").height($("#div2ID").height());
注意这段代码要在页面加载完后执行，

完整理代码如下：
$(function(){
$("#div1ID").height($("#div2ID").height());
})

已赞过 已踩过<

评论收起

jennus0525
2013-01-06 · TA获得超过249个赞

知道小有建树答主

回答量：128

采纳率：25%

帮助的人：91.8万

我也去答题访问个人页

关注

展开全部

你使用下面的方法试下看看：
<!DOCTYPE html>
<head>
<style type="text/css">
#main{width:100%;height:auto;float:left;clear:both;overflow:hidden;}
.left{width:20%;height:300px;float:left;background-color:#f00;}
.right{width:70%;height:auto;float:right;background-color:#0f0;}
.left,.right{padding-bottom:32767px;margin-bottom:-32767px;}
</style>
</head>
<body>
<div id="main">
<div class="left"><p>我是左边的兄弟<p></div>
<div class="right">
<p>我是右边的兄弟</p>
<p>我是右边的兄弟</p>
<p>我是右边的兄弟</p>
<p>我是右边的兄弟</p>
<p>我是右边的兄弟</p>
<p>我是右边的兄弟</p>
<p>我是右边的兄弟</p>
<p>我是右边的兄弟</p>
<p>我是右边的兄弟</p>
<p>我是右边的兄弟</p>
<p>我是右边的兄弟</p>
<p>我是右边的兄弟</p>
<p>我是右边的兄弟</p>
<p>我是右边的兄弟</p>
<p>我是右边的兄弟</p>
<p>我是右边的兄弟</p>
</div>
</div>
</body>
</html>
你右边的内容变化左边的也会随着变化。其实还有一种方法使用JS来控制DIV的高度，不过不是很推荐那种方法，那样有点舍近求远。

已赞过 已踩过<

评论收起

百度网友9792a1f
2013-01-06 · 超过27用户采纳过TA的回答

知道答主

回答量：85

采纳率：0%

帮助的人：56.4万

我也去答题访问个人页

关注

展开全部

可以用JS实现，不知道是不是你想要的！

<style>
#a{width:500px;}
#b{width:200px;float:left;}
#c{width:200px;float:left;}
</style>

<div id="a">
<div id="b">sss</div>
<div id="c">aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br /></div>
</div>
<script type="text/javascript">
var h = document.getElementById("c").offsetHeight;
document.getElementById("b").style.height=h+"px";
</script>

追问

你这个方法挺巧妙，但放到页面里面，打开以后非得刷新一下才能见效，头一次打开页面不刷新的话id B还是那短。。。有没有办法解决呢？大侠

追答

不会啊，你用的什么浏览器啊，那段JS代码要放到需要改变的ID的下面哦！

    function setHeight(){
        var h = document.getElementById("c").offsetHeight;
        document.getElementById("b").style.height=h+"px";
    }
    setHeight();

如果这样写的话效果是一样的！

已赞过 已踩过<

评论收起

大房子里的小乌龟
2013-01-06 · TA获得超过728个赞

知道小有建树答主

回答量：1008

采纳率：0%

帮助的人：412万

我也去答题访问个人页

关注

展开全部

用一个大div包含div1和div2 外面加border

但是不对div1进行设置就是不写div1 直接用<font>标签写内容你这里写的是sss
div2设置border-left float：right；高度自动
就省去了麻烦 css就可以简单完成

已赞过 已踩过<

评论收起

846564997
2013-01-06 · TA获得超过661个赞

知道小有建树答主

回答量：366

采纳率：0%

帮助的人：119万

我也去答题访问个人页

关注

展开全部

<div style="width:500px;">
<div style="width:200px;float:left;">sss</div>
<div style="width:200px;float:left;">aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/>aaa<br/></div>
<div style="clear:both;"></div>
</div>
这样就好了

已赞过 已踩过<

评论收起

更多回答（5）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

请教一个DIV+CSS的问题。。。 不限height的条件下使两个DIV等高

其他类似问题

为你推荐：

请教一个DIV+CSS的问题。。。不限height的条件下使两个DIV等高