使用css填充整個瀏覽器

Question

我想填充整個browser.But它不填充。

CSS：

body {  
    color:#00000; 
    font-family:"Segoe UI Light" , sans-serif; 
} 

#container { 
    margin: 0px auto; 
width:100%; 
} 

#header{ 
    margin:0px; 
    width:100%; 
    height:100px; 
    background-color:#3399cc; 
} 

這裏不填充整個瀏覽器

Answer 1

添加

html, body { 
    width: 100%; 
    height: 100%; 
} 

見fiddle。

Answer 2

height屬性相對於內容而言，與width（即相對於瀏覽器維度）有所不同。

您可以使用下面的代碼來實現你想要的：

html, body { height:100% } 

body { 
    color:#00000; 
    font-family:"Segoe UI Light" , sans-serif; 
    height: 100%; 
    width: 100%; 
} 

Answer 3

你可以簡單地做這樣的：jsFiddle LIVE DEMO

html,body { 
    padding:0; margin:0; 
    height:100%; 
} 
div { 
    width:100%; 
    height:100%; 
    background-color:#432332; 
} 
</style> 

<div>selement</div>