Установка 100% высоты для абсолютно позиционированного элемента, когда содержимое расширяется за пределы размера окна

Итак, прочитав Stack Overflow и Интернет, я понял, что есть два основных приема для достижения высоты 100%:

  1. Установить высоту: 100% для обоих HTML и BODY
  2. Установите для вашего элемента:
    • height:100% или
    • top:0, bottom:0, position:absolute

Однако даже с этими трюками мне трудно установить высоту абсолютно позиционированного DIV на истинные 100% . Я могу получить 100% размера области просмотра, но если пользователь вообще прокручивает вниз, становится очевидным, что высота div на самом деле не равна 100%.

Я сделал простой JS Fiddle для этой ситуации: http://jsfiddle.net/9FEne/

Мой вопрос: кто-нибудь знает какие-либо дополнительные приемы, чтобы получить истинный (т.е. высота содержимого, а не высота окна просмотра) 100% высоты абсолютно позиционированного div?

9
задан animuson 13 April 2012 в 19:33
поделиться