css - 全宽页面 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;
}

演示

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