怎样让两个div保持相同的高度
<div>
<div style="float:left;width:100px; background:#FF0000;">left</div>
<div style="float:left;width:100px; background:#666;">right<br/>right</div>
</div> 应该怎样改,才能让左边的随着右边的增高而增高
1、新建一个html文件，命名为test.html，用于讲解jquery怎么设置div高度。
2、在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。
3、在test.html文件内，使用div标签创建一个模块，并使用css设置其宽度为50px，背景颜色为红色。
4、在test.html文件内，设置div标签的class属性为mydiv，主要用于下面通过该class来得div对象。
5、在test.html文件内，使用button标签创建一个“设置div高度”按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行editheight()函数。
6、在js标签中，创建editheight()函数，在函数内，使用$符获得div元素对象，再使用jquery中的css()方法，设置height高度属性，例如，设置height为200px即可。
<div style="float:left;width:100px; background:#FF0000; height:20px;">left</div>
<div style="float:left;width:100px; background:#666; overflow:hidden; height:20px;">right<br/>right</div>
</div>这种方式的话超出高度的东西显示还出来，还有种方式就是用js控制
<body >
<div style="height:500px; width:100px; background:#999; float:left">
<div style="height:100%; width:100px; background:#00F; float:left; margin:0px 300px"></div>
</div>
</body>
把一个DIV变成另一个div的子元素，子元素的DIV height:100% 父元素多高子元素就多高了，在对2个DIV定位本回答被网友采纳
如果第二个DIV和第三个DIV的高度随着第一个DIV高度（或者第一第二适应...省略）那就太好了
如果...这儿我试验了下 三个都是内层的DIV 无法设定 height=???，或者外层。。positon:re
内层:p:a;这不现实.所以楼上的不懂 不要灌水。让大神来解释吧
我查了下文档。这个解决的办法 只有js。css的确不行。
<script type="text/javascript">
$(function(){
if($("#left").height() > $("#right").height()){
$("#right").css("height",$("#left").height())
}else{
$("#left").css("height",$("#right").height())
}
})
</script>
以上是某个大神的解决办法。我抄过来的。
请大神路过。。。留下你的心得。
本回答被网友采纳<div style="float:left;width:100px; background:#FF0000; height:20px;">left</div>
<div style="float:left;width:100px; background:#666; overflow:hidden; height:20px;">right<br/>right</div>
</div>这里浮动是相对来说的，你需要的只是第一个div左浮动，所以你只需要把第二个div中的浮动去掉就可以了如下：<div>
<div style="float:left;width:100px; background:#FF0000; height:20px;">left</div>
<div style="width:100px; background:#666; overflow:hidden; height:20px;">right<br/>right</div>
</div>
