声明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例子