Как задать max-heigh div-у с position: absolute?

Question

[DROS]

День добрый.

Имеется DIV с абсолютным позиционированием (это важно), в нем расположен JS-аккордион, который может иметь безумную высоту в развернутом виде. Необходимо задать диву максимальную высоту = высоте экрана, дабы при разворачивании аккорда, не уходила вся простыня за пределы страницы вниз.

Так вот, max-heigh : 100% при абсолюте не стреляет, а очень надо.

Answer 1

[mr_dev1l]

var height = $(window).height();
$(".accrodion").css("height", height);

Comments

[DROS]

Есть один нюанс. Если весь accordion свернут, то по вашему методу все равно будет висеть белое полотнище на всю страницу. Что есть не айс. А поскольку разворачивание пунктов висит через анимацию, то отслеживать и на ходу ресайзить через JS - не вариант, получится дерганка. Так что идеально было б решить проблему через чистый CSS

Answer 2

[Михаил Чирский]

Как вариант, запилить ф-цию которая чекает высоту экрана, засунуть ее в resize и добавлять это значение в max-height.