HTML分区高度问题

我的页面中有两个垂直对齐的div元素。一个div的内容是固定的，但另一个div的内容因其高度而异。我想做两个相同高度的div。如何做到这一点？？？

诀窍是使用CSS属性display:table、display:table row和display:table单元格使容器（在本例中为div元素）的行为类似于表单元格

---

另外：

有两种方法：

在假背景下使用CSS 为此，您需要制作一个包含两列的背景图像，正如您希望看到的那样。在任何保存列的地方显示此选项，现在列看起来都一样高，即使它们不是

您可能需要添加新的换行div以应用背景：

<div class="colwrap">
    <div class="col">...</div>
    <div class="col">...</div>
</div>

<div class="colwrap">
    <div class="col">...</div>
    <div class="col">...</div>
</div>

---

或者类似的东西就可以了。

请参见：IE AFAIK不支持显示：表格*。这是一个好主意，但和大多数好主意一样，微软非常乐意破坏它。它完全受IE8支持，但不在IE7中。因此，如果您使用这种方法，您的设计将不适用于IE7用户。对于这个关键的CSS/HTML限制和短视的设计，我已经绕了50圈。我最后的结论是遗憾的是，我不支持IE7（不管怎样，它现在已经很旧了，使用率正在慢慢下降）。唯一的方法是在加载DOM后使用messy JS手动调整div高度。除此之外，您必须使用表格进行布局，这是一件可怕的事情。所以我坚持使用display:table，它在Firefox、IE8和Chrome上运行得非常好。Aaron：我仍然需要支持IE6，因为这是一些客户端所拥有的，并且无法升级。我们将在一个月内进入2010年，是的。叹息

if ($('col:1').height() > $('col:2').height())
    $('col:2').height($('col:1').height());
else
    $('col:1').height($('col:2').height());