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

时间:2013-03-11 00:57:31

标签: css layout height

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

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

我花了一个多小时试图搞清楚,但这里什么都没有用...... 我能做到的唯一方法是使用Javascript,但这并不友好。

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

感谢阅读。

2 个答案:

答案 0 :(得分:1)

查看此http://css-tricks.com/fluid-width-equal-height-columns/

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

答案 1 :(得分:-2)

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

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

Demo