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

Question

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

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

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

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

谢谢阅读。

Answer 1

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

它很好地概括了实现您所追求的不同方法

Answer 2

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

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

演示