Question

我已经在这方面工作了一段时间，我在这里做了很多搜索并且找不到满意的答案，所以我希望这不是一个重复的问题。

我有一个包装器标签，它设计用于包含我页面上的所有内容，然后在包装器内部有一个主标签，它从顶部开始约为-60px（为标题腾出空间）。我希望包装器和main扩展到页面底部。 height:100%;适用于浏览器窗口大小的页面，但是当页面比浏览器窗口长时，我遇到了麻烦，包装器和主要用完了窗口结束的位置。我试过了bottom:0px; margin-bottom:px;，我不知道如何让它工作！

＆＃13;

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

＆＃13;

对不起，如果这是一个重复的问题（如果是这样的话，请给我一个指向原文的链接）。

Answer 1

你为什么不试试

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

这样，页面将包含超出屏幕高度的内容。

无论长度如何，都可以让DIV遍历页面的整个长度

1 个答案: