Question

我正在开发一个主要用于教育目的的网站。在设计某些东西时，我会对它进行OCD并希望它是完美的;）。我遇到了一个似乎无法修复自己的问题所以我希望你们中的一些人可以提供修复或知道一个涵盖这类事情的网站。

在那里，我有父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; }