Question

美好的一天。

这可能是一件小事，但我无法找到解决方案。

我的#body有正确的尺寸来填充页面，但是一旦我添加了具有相同尺寸的.Container类，它仍然会被“推”几个像素。

如何用容器完全填满身体？

Answer 1

将此添加到您的css

body {
  margin:0;
  padding:0;
}

Answer 2

您的body或.Container似乎有一些额外的padding或margin会影响您的布局。尝试使用正确的CSS重置来避免这种情况。

Answer 3

从它的外观来看，您还没有重置浏览器应用的<body>上的默认保证金，通常为8px。

尝试：

body {
    margin: 0;
}

使用CSS重置来帮助在浏览器中规范化这些内容。一个受欢迎的是Eric Meyer's Reset CSS。

Answer 4

按您网站上的F12并从那里检查元素。单击容器，查看它被推送的原因。您还有一个选项，您可以通过在空白区域中单击鼠标右键来直接查看其推送原因，您需要移除这些像素，然后单击Chrome上的inspect元素。然后你会在控制台中看到推动容器的是什么。