获取一个 div 遍历整个页面

Posted 2023-03-06

【中文标题】获取一个 div 遍历整个页面

【英文标题】：Get a div to go across the whole page

【发布时间】：2012-02-03 10:08:49

【问题描述】：

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

【问题讨论】：

在什么浏览器中？页面上还有哪些其他 CSS？

如果没有链接、jsfiddle 或完整的标记，我们所说的一切都只是一个疯狂的猜测。

【参考方案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 的建议进行操作并单独设置它们。