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

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%;}