Div на всю оставшуюся часть страницы

Рейтинг: 1Ответов: 1Опубликовано: 02.03.2015

У меня есть два div'а, один занимает 70px начиная с верхней части страницы и все по ширине, а второй должен занимать ВСЮ оставшуюсь часть страницы по длине и ширине. Как это установить?

.upper-part {background-color: green; height: 70px;} - первый div;

Ответы

▲ 3Принят

http://jsfiddle.net/wqeg53g5/

  1. делаем всем родительским элементам height: 100%
  2. делаем необходимому врапперу min-height: 100%
  3. с помощью отрицательного margin сдвигаем его на высоту .upper-part
  4. внутреннему врапперу этот сдвиг компенсируем с помощью padding.