全宽页面的div

问题描述：

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

div{ 
    width:100%; 
}

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

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

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

使用Firebug的，你可以自己动手解决。因为CSS会继续困扰。 – akshayb 2013-05-07 10:45:37

答

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

*{margin: 0; padding: 0;}

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

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

我不知道默认的边距和填充感谢信息！ – Sawyer05 2013-05-07 10:48:43

Upvoting，因为你只有13 – 2013-05-07 10:50:04

@ Mr.Alien Yeah，谢谢。我从10岁开始就开始编码。 – akash4eva 2013-05-07 10:50:55

答

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

* { 
    margin: 0; 
    padding: 0; 
}

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

谢谢，请看看 – Sawyer05 2013-05-07 11:40:32

答

身体有余量吗？

尝试增加：

body { 
margin: 0; 
padding: 0; 
}