html - 声明 DOCTYPE 时全屏 div 消失

Question

我有 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;
}

在此先感谢您的帮助。

Answer 1

添加:

html,body {
    height:100%;
}

jsFiddle example