css - div 表格行为

Question

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

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

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

我该怎么做呢？任何人都知道使 div 表现得像表格一样的变通方法吗？

提前致谢!

祝一切顺利

博

Answer 1

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