Question

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

Answer 1

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

enter image description here

将边距和填充设置为0，并且布局的左侧与浏览器窗口的左边缘齐平。

body {
  margin: 0;
  padding: 0;
}

Answer 2

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

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

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