Question

怎么让DIV的高度始终和右面一样

右面DIV是AUTO可变的

Answer 1

纯CSS方法极难令左右并排的两个div的高度一致。方法不是没有，但是，要么使用相当复杂布局机制（如使用图片定位方式），要么就是效果不理想（如不同的浏览器环境纯CSS方法效果并不一样甚至没有效果）。要万无一失地令两个横向并列的div块自适应高度，最好的方法还是利用JavaScript。

JavaScript可以获得任意一个拥有ID的div容器的高度：document.getElementById('id_name').scrollHeight；同时，也可以动态设置任何一个div容器的高度：document.getElementById('id_name').style.height = 数值。

那么，我们就可以这样解决问题：分别获得左、右两个div的高度，比较一下它们的高度，然后令高度小的div等于高度大的div。以下例子中，设左边的div的ID为left，右边的为right：

<script language="javascript">

right_height = document.getElementById('right').scrollHeight;
left_height = document.getElementById('left').scrollHeight;
right_height > left_height ? document.getElementById('left').style.height = right_height + "px" : document.getElementById('right').style.height = left_height + "px";

</script>

例中，代码正文的前二行是获取左、右两个div的高度，第三行使用一个三元运算方法设置高度值小的div的高度等同于高度值大的div。

Answer 2

不是很明白你的意思，div高低可以使用像数或者百分比设置！

Answer 3

<div style="width:1000px;">
<div style="height:100px;width:500px;"></div>
<div style="height:100px;width:500px;"></div>
</div>

Answer 4

给他们定义相同的高度不就得了么

Answer 5

获取两个div高度之后判断是不是一样高之后赋值
这是思路 不会写的话加我 qq
1191958082