jquery - 2 格旁边和 100%

Question

我想以垂直方式一个接一个地放置不同的 div。我的意思是用户必须使用滚动条才能从一个滚动到另一个。但是即使用户更改窗口大小时，所有 div 的宽度和高度都是 100%。我在一些网站上看到过，但我不知道该怎么做。

我在这里简化了这个:http://jsfiddle.net/bgWzb/

在这种情况下，div 是 100%，但一个在另一个下面，我尝试将 #first 然后 #second。用户应该滚动查看#second。我怎样才能做到这一点？如有必要，我可以使用 jQuery。

body{ margin:0; padding:0; }

#first{
    position:absolute;
    width:100%; height:100%;
    background:blue;
}

#second{
    position:absolute;
    width:100%; height:100%;
    background:yellow;
}

HTML:

<div id="first"></div>
<div id="second"></div>

Answer 1

position absolute 的默认设置是将 left 和 top 设置为 0，要让一个 div 在另一个下方，您需要将其中一个的 top 设置为 100%它们不在文档流中，或者使用相对位置(这会导致其他空元素问题，正文没有位置等):

#second{
    position:absolute;
    top: 100%;
    width:100%; 
    height:100%;
    background:yellow;
}

FIDDLE