html - 如何让容器填满整个窗口？

Question

我在 CSS 中有一个主容器，其中包含页面的所有 div。但是，有一个 8px 的空白将整个容器推向左侧。知道如何摆脱它，并使容器适合整个窗口而没有空白吗？如果我使用“margin-left：-8px”，它只会在右侧创建 8 个像素的空白区域。下面是容器的代码：

#container {
height: 100%;
width: auto;
position: relative;
background-color: #E6E6E6;
min-width: 960px;
}

Answer 1

就设置吧margin: 0px;，#container如果不行你可以设置

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

Answer 2

这是因为浏览器样式表应用了默认样式。

---

有几种方法可以解决您的问题：

应用这个 css 规则，它有效地摆脱了应用于元素的任何默认填充或边距。

* {
    margin: 0;
    padding: 0;
}

或者您可以使用 css 重置样式表，这是我最推荐的，因为不同的浏览器对元素的处理方式有所不同，并且您希望将字段均匀化，这样您以后就不会遇到任何问题。我推荐 Eric Mayers css 重置样式表，它可以在这里找到：http: //meyerweb.com/eric/tools/css/reset/我将它用于我自己的项目。

Answer 3

html, body, #container {margin:0; min-height:100%;}