javascript - 我网站上这个神秘的左边距是怎么回事？为什么它不与浏览器的左边缘齐平？

Question

如果您调整浏览器的大小，您会看到页面左侧稍微偏离边缘，但右侧没有。我认为我在任何事情上都没有余量，这是我能想到的唯一可能导致这种情况的事情。有任何想法吗？

score 3 · Accepted Answer

您<body>没有指定填充或边距，因此它默认为浏览器默认值。例如，在 Chrome 中，边距是 8px.

在此处输入图像描述

设置边距和内边距，0布局的左侧与浏览器窗口的左边缘齐平。

body {
  margin: 0;
  padding: 0;
}

score 1 · Accepted Answer

和元素默认具有填充/边距，其数量因浏览器而异html。body如果您不想要它，只需将其添加到您的 css 中：

html, body {
     margin: 0;
     padding: 0;
}

您可以在 Chrome 和 Firefox（如果您有 Firebug）中检查元素，两者都会显示元素的布局信息。

2 回答 2