HTML / CSS: держать Div на одной высоте

Question

Мне интересно, есть ли какое-нибудь решение для моей проблемы. У меня есть контент-div и меню-div. Чем больше текста в div контента, тем больше он расширяется. Я хочу, чтобы мой menu-div следовал за div-содержимым, когда он разворачивается / разворачивается.

Я перепробовал все, что мог придумать, но, поскольку я новичок, возможно, я упустил что-то простое. Я ничего не нашел в Google, только 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

Вы можете посмотреть на Столбцы равной высоты .