0

我知道使用 css

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

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

所以理论上我想要两个 div，都等于 100% 屏幕高度和 100% 屏幕宽度，一个在另一个之上，等于页面高度的 200%。

有帮助吗？

4

2 回答 2

1

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

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

于 2013-05-28T20:03:52.703 回答
1

不需要绝对定位..

只需重置htmlandbody并添加两个全宽/高 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/

于 2013-05-28T20:07:00.663 回答