css - 全宽页面 div

标签 css html width

我正在设计一个网站,我试图在浏览器顶部获得一个简单的彩色 div,我试过简单地使用:

div{
    width:100%;
}

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

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

有什么建议可以实现吗?

最佳答案

body 在所有浏览器中总是有一些边距和填充。因此,请尝试执行以下操作并重新检查结果:-

*{margin: 0; padding: 0;}

上面的代码将从所有标签中删除所有额外的边距和填充!

你应该使用 normalize.css不过,可以快速启动您的应用程序设计。

关于css - 全宽页面 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16416981/

相关文章:

css - 如何使用 CSS 制作图像叠加层,以便我可以使用铅笔图标来编辑信息,就像 Facebook 那样?

ios - 将标签宽度增加到左侧 Titanium

html - 将类应用于图像后的 <p> 标签

javascript - 调查的 5 个用户输入,全部隐藏,然后在回答最后一个输入后显示

css - IE6双填充错误

html - 水平滚动时保持表格的一列固定,但也垂直滚动

jquery - 字段集控制组中单选按钮网格的宽度 jquery mobile

c# - 根据内容的宽度调整标签宽度

javascript - 缩放窗口时保持 3 个元素中的 2 个元素之间的距离相等(响应式)

html - header 延伸而不是