使用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>