logo标签列表

让一个div横跨整个页面

csshtmlwidthmargin
4
每当我尝试创建一个宽度为100％的div时，它并没有覆盖整个页面，而是留下了一些小的边距（上下左右），我希望这个div能够覆盖整个页面，就像此页面顶部的标题栏一样。
在哪个浏览器上？页面上还有什么其他的CSS？ - cdeszaq
4
没有提供链接、jsfiddle或完整的标记，我们所说的任何内容都只是瞎猜。 - Rob
6个回答
6

您需要将 body 元素的 margin 和 padding 设为 0。像这样（在 CSS 中）：

body
{
  margin: 0;
  padding: 0;
}

同时也要记得将 div 元素的 margin 设置为 0。

3

这是一个浏览器重置边距和填充的主体外边距：

body {
    margin: 0;
    padding: 0;
}
1
你的body边距设置为0px了吗？在你的样式表中设置 body { margin:0px; }。如果你想保留body边距，你需要调整div的宽度。类似这样 div#idOfDiv { margin-left:-10px; margin-right: -10px }。
1

尝试使用CSS重置：

* { margin: 0; padding: 0; }

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

0
在这里，不需要填充，因为填充是在div的内部，并且被测量为与边缘的距离。如果你想要设置一个特定的边距，只需将margin设置为0px，或者如@sho建议的那样分别设置它们。
0
将body标签的padding设置为0：
body {
    padding: 0;
}
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接