Задайте раздельный контент как ту же высоту, используя CSS

Question

Я пытаюсь сделать свой бокбар div того же размера, что и контент div, я мог бы установить container div на белый и работал бы «Как я хотел», но мне нужно сохранить этот пустой пуст фон в середине 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")); 

Demo