Html 100%高度css

我有3个并排嵌套在容器div中的div。每个div在不同的页面上都有不同的内容，因此我需要每个嵌套div延伸到内容最多的div的高度。我试过使用“高度：100%”和“高度：自动”，但两种方法都不起作用。有人能帮我吗？请给我指一下正确的方向。我的html是：

<div id="container">
  <div id="column1"></div>
  <div id="column2"></div>
  <div id="column3"></div>
</div>

---

非常感谢。

在所有3个内部分区上使用

显示：表格单元格

：

#container div { display: table-cell; }

---

这里有一个在所有3个内部div上使用

显示：表格单元格

：

#container div { display: table-cell; }

这里有一个

可以使用jQuery吗

如果是，请尝试：

{display:table cell；}的问题是旧版本的IE不支持它

可以使用jQuery吗

如果是，请尝试：

---

{display:table cell；}的问题是旧版本的IE不支持它，而Truth的答案是最好的，（通常怀疑）没有正确实现table cell

一个适用于所有浏览器的解决方案是分配过多的垂直填充和反向边距。例如：

<div class="container">
    <div class="column" style="background: #cc0000;">blah</div>
    <div class="column" style="background: #00cc00;">blah<br />blah<br />blah</div>
    <div class="column" style="background: #0000cc;">blah<br />blah</div>
</div>

---

虽然真理的答案是最好的，（通常的怀疑）没有正确地实现表单元格

一个适用于所有浏览器的解决方案是分配过多的垂直填充和反向边距。例如：

<div class="container">
    <div class="column" style="background: #cc0000;">blah</div>
    <div class="column" style="background: #00cc00;">blah<br />blah<br />blah</div>
    <div class="column" style="background: #0000cc;">blah<br />blah</div>
</div>

可能的重复-这个问题仍然被问得太多。任何搜索的尝试都会在互联网上显示结果等等。我昨天刚刚投票结束了一个类似的问题。可能的重复，可能的重复-这个问题仍然被问得太多了。任何搜索的尝试都会在互联网上显示结果等等。我昨天刚刚投票结束了一个类似的问题，