Вчера весь рабочий день просидел в гугле, но так и не смог найти ответа на вопрос: "Как в css растянуть блок по вертикали?". Точнее, ответы есть, но они на элементарные случай, когда блок растягивается на 100% высоты своего родителя. Но этот и подобные способы не работают, если перед моим блоком стоит другой блок, и мне нужно, соответственно, заполнить растягиваемым блоком все пространство от его текущего положения до конца экрана. Причем мне нужно именно растянуть блок точно до правого нижнего угла, а не "обрезать" родительским блоком все, вылезло за его размеры. Постараюсь объяснить зачем мне это нужно на простом примере: http://jsfiddle.net/ongpj2vz/ <body><div class="header"> <pre> высота этого блока может меняться фаэфыа </pre></div><div class="work_area"> <div class="separator_one"></div> <div class="separator_two"></div> </div></body>@charset "utf-8";/* CSS Document */*{ margin:0px;}html, body{ height:100%;}body{ overflow:hidden;}div.header{ background:lightcoral;}div.work_area{ position:relative; min-height:100%; background:lightgreen;}div.separator_one{ position:absolute; left:20%; width:2px; top:50px; /* отступ сверху - 50 px*/ bottom:130px; /* отступ снизу - 50px (+ 80px заголовок)*/ background:black; z-index:2; }div.separator_two{ position:absolute; right:20%; width:2px; top:50px; /* отступ сверху - 50 px*/ bottom:130px; /* отступ снизу - 50px (+ 80px заголовок)*/ background:black; z-index:2; }В этом примере div.header имеет изменяемую высоту, а декоративные разделители (div.separator_xxx) должны всегда начинаться строго в 50пикселях от нижней границы div.header и в заканиваться в 50 пикселях от нижней границы экрана. В примере я искусственно выровнял их снизу, зная точный размер заголовка... но стоит мне расширить/сузить высоту заголовка, и мое позиционирование "полетит", т.к. я не знаю правильных координат нижней границы div.work_area. Прошу помочь с решением... т.к. мозг уже кипит. Важно! - интересует решение на чистом CSS, без скриптов ( которые по дефолту выключены, наверное, в половине браузеров)
