全宽页面的div

Question

我设计一个网站，我试图让跨浏览器的顶部的简单的彩色格，我试着简单地使用：

div{ 
    width:100%; 
} 

但发现有空白在屏幕的两侧和顶部。

我正在寻找类似Facebook上填满整个屏幕的蓝色标题。

任何建议如何做到这一点？

Answer 1

body在所有浏览器中总会有一些边距和填充。因此，尝试做以下，并重新检查结果： -

*{margin: 0; padding: 0;} 

上面的代码将所有标签中删除所有多余的边距和补！

您应该使用normalize.css来启动应用程序的设计。

Answer 2

这是因为默认样式您的浏览器，使用它来重置密码：

* { 
    margin: 0; 
    padding: 0; 
} 

Demo

除此之外，我建议你看一看css reset给你一个一套CSS规则，可将所有HTML元素的样式重置为一致的基准。

Answer 3

身体有余量吗？

尝试增加：

body { 
margin: 0; 
padding: 0; 
} 

或使用样式，比如复位：http://necolas.github.io/normalize.css/