將網頁適配到瀏覽器

Question

我在設計我的網頁時遇到了一些問題，以適合我的瀏覽器。寬度是正確的，但高度只能在頁面的一半左右。以下是我對我的CSS：（順便說一下，我使用的Safari瀏覽器）

/*Body 
* { 
margin: 0px; 
padding: 0px; 
} 

body { 
font:62.5%/1.5 Arial, Hevetica, sans-serif; 
} 

#wrapper { 
background-color: #ccc; 
margin: 0 auto; 
width: 960%; 
} 

header { 
height: 100px; 
background-color: #999; 
} 

header h1 { 
font-size: 2em; 
float: left; 
} 

#nav { 
list-style-type: none; 
list-style-position: inside; 
} 

#nav li { 
display: inline; 
font-size: 2em; 
} 

Answer 1

就可以解決這個問題這樣

html { 
    height: 100%; /* forces page height to equal inner window height. */ 
    background:gray; 

}

body { 
    position: absolute; 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
    background:red; 
} 

此外，如果你不需要爲身體邊際，所以你只需要把保證金：0px身體