全屏div在宣佈DOCTYPE時消失

Question

我有2個測試divs，我有全屏，它的工作原理，但只要我聲明它收縮並不顯示全屏。

我想要第一個div全屏，然後向下滾動到第二個div也是屏幕的大小。

我建立了一個超過的jsfiddle在http://jsfiddle.net/ZfmMv/

的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