使用 CSS 将分隔的内容设置为相同的高度答案

【问题标题】：Set separated content as same height using CSS使用 CSS 将分隔的内容设置为相同的高度
【发布时间】：2013-02-26 02:29:21
【问题描述】：

我正在尝试使我的侧边栏 div 与内容 div 大小相同，我可以将 container div 设置为白色并且可以“按我的意愿”工作，但我需要将这个小的空白背景保留在 @ 中间987654324@ 和 siderbar 看起来像是分开的...

我已经尝试过这样的事情： CSS: Set Div height to 100% - Pixels

我花了一个多小时试图弄清楚，但这里没有任何工作...... 我能做到的唯一方法是 Javascript，但这并不友好。

这是我的问题的一个示例： http://jsfiddle.net/cn7cd/1/

感谢阅读。

【问题讨论】：

【解决方案1】：

看看这个http://css-tricks.com/fluid-width-equal-height-columns/

它很好地概括了实现目标的不同方法

【讨论】：

【解决方案2】：

我不知道你是否可以使用一点 JQuery，但如果是这样，这里有一个可能的解决方案

var cHeight = $('#content').css('height');
$("#sidebar").css('height',cHeight);
console.log($("#sidebar").css("height"));

【讨论】：