设置 <div> 元素的宽度和高度为 100px；内边距、边距和边框设置为 0px；为什么还是抵消了？答案

【问题标题】：Set <div> element to have a width and height of 100px; padding, margin, and border set to 0px; why is it still offset?设置 <div> 元素的宽度和高度为 100px；内边距、边距和边框设置为 0px；为什么还是抵消了？
【发布时间】：2016-01-14 04:19:37
【问题描述】：

我已将我的 div 元素设置为具有一些 css 规则。它的宽度和高度为 100 像素。它的内边距、边框和边距也设置为 0px。什么 CSS 默认值告诉代码将元素从浏览器窗口的边缘偏移 10px 左右？我知道我的 css 样式可以正常工作，因为第一个样式正下方的分区由于零边距而触及它。

【问题讨论】：

您是否将正文元素设置为边距：0； ?
发布您的代码以获得更好的帮助
CSS Margin: 0 is not setting to 0的可能重复
是的，粘贴您的代码，可能带有计算的 css 样式或框模型的屏幕截图或来自 chrome / firefox / ie 调试器的东西

标签： javascript jquery html css

【解决方案1】：

在样式表的顶部添加：

body {
  margin:0px;
  padding:0px;
}

body 有一些默认的 padding 和 margin 设置为 0 会使元素粘在边缘

【讨论】：

太棒了！这就是我一直在寻找的。谢谢
@AveryHogue 很高兴它有帮助：D

【解决方案2】：

提示：您可以随时使用元素检查器进行检查

如果你按f12 你可以看到它的元素检查器。检查器的灰色部分显示启用了哪些默认样式。

默认情况下，body 总是有 margin 或 8px。要禁用它，只需使用：

body{
   margin: 0px;
}

【讨论】：