Question

我知道使用css

#fullpage{
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;height:100%;
    position: absolute;
}

填写整个页面，但我想要这个，然后在它下面，即一页长度向下，我想要另一个空间等于屏幕高度的100％。

所以从理论上讲，我想要两个div，两者都等于100％的屏幕高度和100％的屏幕宽度，一个在另一个的顶部，相当于页面高度的200％。

任何帮助人员？

Answer 1

对于第二个div，除了您已有的规则外，还要添加top: 100%。

http://jsfiddle.net/ExplosionPIlls/FZG49/

Answer 2

无需绝对定位..

重新设置html和body并添加两个完整宽度/高度div ..

<div id="page-1"></div>
<div id="page-2"></div>

与

html, body {
    width:100%;
    height:100%;
    padding:0;
    margin:0;
}
#page-1, #page-2 {
    width:100%;
    height:100%;
    background-color: red;
}
#page-2 {
    background-color: blue;
}

演示http://jsfiddle.net/FZG49/1/

位置2 div是一个，在另一个之上，两者都是屏幕高度的100％

2 个答案: