全宽页面div

Question

我正在设计一个网站，我正试图在浏览器顶部找到一个简单的彩色div，我尝试过简单地使用：

div{
    width:100%;
}

但注意到屏幕两侧和屏幕顶部都有空白区域。

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

有任何建议如何实现这一目标？

Answer 1

body的所有浏览器中始终存在一些边距和填充。因此，请尝试执行以下操作并重新检查结果： -

*{margin: 0; padding: 0;}

以上代码将删除所有标签中的所有额外边距和填充！

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

Answer 2

身体有保证金吗？

尝试添加：

body {
 margin: 0;
 padding: 0;
}

或对以下样式使用重置：http://necolas.github.io/normalize.css/

Answer 3

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

* {
    margin: 0;
    padding: 0;
}

<强> Demo

除此之外，我建议您查看css reset，它会为您提供一组CSS规则，将所有HTML元素的样式重置为一致的基线。