div table-behavior

Question

我正在尝试在我网站的页面上构建以下结构：

黑色边框是内容容器。红色边框是左侧内容容器，灰色区域是右侧内容容器，背景为灰色。

现在，我希望正确的内容容器根据左内容容器的高度垂直扩展，因此它们将始终具有相同的高度。

我到底该怎么做？任何人都知道一个解决办法，让div表现得像一个表吗？

提前致谢！

一切顺利，

博

Answer 1

您在包装器上使用CSS display:table，在左右内容上使用display:table-cell。唯一的问题是IE7及以下版本缺乏支持。

Answer 2

使用Dan Cederholm的人造柱背景技术浮动柱子：http://www.alistapart.com/articles/fauxcolumns/

老人，但是好人。