Получение DIV для всей длины страницы, независимо от ее длины

Question

Я работал над этим некоторое время, я много искал здесь и не смог найти удовлетворительного ответа, поэтому я надеюсь, что это это не повторный вопрос.

У меня есть тег обертки, который предназначен для содержания всего содержимого на моей странице, а затем внутри обертки есть основной тег, который имеет верхний -60 пикселей сверху (место для заголовка). Я хотел бы, чтобы обертка и главная страница были расширены до нижней части страницы. height:100%; Прекрасно работает для страниц, размер окна браузера, но я столкнулся с проблемами, когда страницы больше, чем окно браузера, оболочка и главный конец, где заканчивается окно. Я пробовал bottom:0px;margin-bottom:px;, и я понятия не имею, как это сделать!

#wrapper { 
 
\t position:absolute; 
 
\t width: 990px; 
 
\t left:50%; 
 
\t height:100%; 
 
\t margin-left:-495px; 
 
\t margin-bottom:0px; 
 
\t 
 
} 
 

 
#main { 
 
    \t position:relative; 
 
\t width: 990px; 
 
\t top: -60px; 
 
\t bottom: 0px; \t 
 
}

Я сожалею, если это повторить вопрос (если это так, пожалуйста, стрелять мне ссылку на оригинал).

Answer 1

Почему бы вам не попробовать

#wrapper { 
    position:absolute; 
    width: 990px; 
    left:50%; 
    min-height:100%; 
    margin-left:-495px; 
    margin-bottom:0px; 
} 

Таким образом, страница будет включать в себя содержание мимо высоты экрана.