分区不会居中

Question

首先here's my code

我很难将“容器”div和它的孩子集中在一起。 我尝试了各种类型的定位，但是在浏览器调整大小后我无法保持居中。 我不知道自己哪里出错了，我已经潜伏了几个小时，试图弄清楚为什么它没有正确定位。

非常感谢任何帮助

Answer 1

• 不要将body元素居中。

• 将外部div放在中心位置。它需要一个特定的宽度居中，宽度为100％，居中没有效果。

• 不要在jsfiddle中粘贴完整的网页，它会将其包装在页面中，因此您将拥有页面元素的副本，使得标记无效。

http://jsfiddle.net/Guffa/2yree/14/

Answer 2

工作示例：

http://jsfiddle.net/w4Wdy/

你只需要添加：

#container{
    margin: auto;
    width: 620px;
}

Answer 3

#container元素是100％宽。你怎么能把与父母一样宽的东西放在中心？你不能。

更改宽度，使元素符合要求，但每边都有空间实际居中。

#container {
    margin: 0 auto;
    width: 60%;
}

http://jsfiddle.net/Kyle_Sevenoaks/2yree/8/

Answer 4

我认为你应该改变#container元素的宽度，宽度：100％;防止元素居中，您应该将其更改为50％或宽度：300px;

Answer 5

查看http://jsfiddle.net/2yree/11/

修改

http://jsfiddle.net/2yree/20/

Answer 6

我希望您正在寻找类似this

的内容

你的标记中有很少的bug，所以我做了一些改动。请检查更改here