获取一个 div 遍历整个页面答案

【问题标题】：Get a div to go across the whole page获取一个 div 遍历整个页面
【发布时间】：2012-02-03 10:08:49
【问题描述】：

每当我尝试制作一个宽度为 100% 的 div 时，它不会跨越整个页面，它会在两边（左上和右上）留下小的边距，我希望 div 跨越整个页面，例如本页顶部的标题栏。

【问题讨论】：

【解决方案1】：

将body标签的内边距设置为0：

body {
    padding: 0;
}

【讨论】：

【解决方案2】：

您必须将body 元素的边距和内边距设置为 0。像这样（在 CSS 中）：

body
{
  margin: 0;
  padding: 0;
}

还要记住将div 元素的margin 设置为0。

【讨论】：

【解决方案3】：

这是来自浏览器重置边距和填充的正文边距：

body {
    margin: 0;
    padding: 0;
}

【讨论】：

【解决方案4】：

尝试 CSS 重置：

* { margin: 0; padding: 0; }

这是一个简单的，网络上有成千上万更高级的。

【讨论】：

【解决方案5】：

您是否将正文边距设置为 0 像素？在您的样式表集body { margin:0px; } 中。如果要保留body margin，则需要调整div的宽度。类似div#idOfDiv { margin-left:-10px; margin-right: -10px }

【讨论】：

【解决方案6】：

不需要填充，因为填充位于 div 的内部，并且测量为距边缘的距离。如果您想要一个特定的边距设置，只需将边距设置为 0px，然后按照@sho 的建议进行操作并单独设置它们。

【讨论】：