2015-07-09 22 views
2

我一直在这一段时间,我在这里做了很多搜索,一直没能找到满意的答案,所以我希望这不是一个重复的问题。获得一个DIV去整个页面的长度,无论长度

我有一个包装标签,它被设计成包含我页面上的所有内容,然后在包装里面有一个大约-60px的主标签(为标题腾出空间)。我希望包装和主要延伸到页面的底部。 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 
 
}

对不起,如果这是一个重复的问题(如果是这样的话,请拍我一个链接到原来的)。

回答

0

你为什么不尝试

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

这样,页面将包括经过屏幕高度的内容。

+0

非常感谢,完美的作品! – tfantina