html - 让两个子 DIV 匹配一个父 DIV 的高度？

Question

我在一个主要用于教育目的的网站上工作。在设计某些东西时，我有点强迫症，喜欢它是完美的；）。我遇到了一个我似乎无法解决的问题，所以我希望你们中的一些人可以提供解决方案或了解涵盖此类事情的网站。

在那里我有父DIV和两个子DIV......

<div id="container">
    <div id="container-left"></div>
    <div id="container-right"></div>
</div>

两个子 DIV 都有自己的内容，并且高度各不相同。我的网站设计方式#container-right的高度必须等于或大于#container-left设计看起来正确的高度。

这是该网站的链接：www.lulzorg.com/?p=w7ws8

这是一个网站捕获显示我的意思：skiroid.com/website_capture.jpg

谢谢你的时间！:D 有什么问题吗？请问！

Answer 1

几种方法：

#container { height: 100px; }
#container div { height: 100%; }

或者

#container { display: table; }
#container div { display: table-cell; }

http://jsfiddle.net/