HTML / CSS：将Divs保持在同一高度

Question

我想知道我的问题是否有任何解决方案。我有一个content-div和一个menu-div。 content-div中的文本越多，它扩展得越多。我希望我的menu-div在content-div扩展/折叠时遵循它。

我已经尝试了我能想到的一切，但是因为我是一个初学者，也许我错过了一些简单的事情。我还没有在谷歌上找到任何东西，只有JS解决方案但是必须有一个CSS解决方案吗？

下面是代码：http://jsfiddle.net/YxF9e/

提前致谢。

Answer 1

我不认为只用CSS做这件事。 通过向包装器添加背景图像，您可以在右侧边栏上有一个虚构的高度。这可能会给人的印象是边界高度达到100％。

如果你想用jQuery做这个，这里是你需要的代码：

var contentHeight = $('#content').height();
$('#menu').height(contentHeight);

以下是更新jsFiddle：http://jsfiddle.net/peduarte/YxF9e/1/

Answer 2

您可以查看Columns of Equal Height。