Как сделать так, чтобы тег div занимал всю высоту страницы
Я не знаю, как спросить об этом, поэтому извините меня, если я не совсем понимаю, и пожалуйста прошу уточнить. Я хочу центрировать страницу и иметь «боковую панель» справа от центрированного содержимого, а не справа от области просмотра. Это довольно просто, за исключением того, что я хочу, чтобы элемент был такой же высоты, как и область просмотра. Однако, если тег body выше, я хочу, чтобы он был таким же высоким, как и тег body. Мне это нужно, потому что у боковой панели есть фон, который должен повторяться по оси Y, чтобы покрыть всю область просмотра. Я, вероятно, ничего не объяснял, поэтому, возможно, этот jsFiddle прояснит все упущенные детали.
Я могу установить стиль .center , чтобы иметь position значение static, которое работает, но тогда абсолютное позиционирование сбрасывается. Я мог бы переместить боковую панель вправо, но высота не заполняла бы страницу. Я мог бы использовать JavaScript, но не следует полагаться на JavaScript для компоновки, тем более что элемент, который зависит от него, составляет четверть содержимого страницы.
Любой указатель будет очень признателен.
РЕДАКТИРОВАТЬ: изменение тела и html, чтобы иметь высоту 100%, помогает, но он все равно ведет себя не так, как я описал. Если есть контент за пределами области просмотра, и вы прокрутите до этого контента, фон не будет повторяться.