0

我有 2 个全屏测试 div，它可以工作，但是一旦我宣布它缩小并且不显示全屏。

我试图让第一个 div 全屏显示，然后向下滚动到第二个也是屏幕大小的 div。

我在http://jsfiddle.net/ZfmMv/上设置了一个 JSFiddle

HTML 代码：

<div id="home">
        <ul>
            <li><a href="#about">About</a></li>
        </ul>

        <h1>Home</h1>
</div>

<div id="about">

        <h1>About</h1>
</div>

和CSS：

body {
    margin: 0px;
}

#home {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    background: aqua;
}

#about {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    background: #ff0085;
}

提前感谢您对此的帮助。

4

1 回答 1

5

添加：

html,body {
    height:100%;
}

jsFiddle 示例

于 2013-07-08T19:21:04.527 回答