html - 绝对定位 + 负边距随窗口大小调整而扭曲

Question

我有一个包装器 div，我希望它位于窗口的中央。我使用以下 CSS 来完成此操作:

#wrapper {
    width: 960px;
    margin-left: -480px;
    position: absolute;
    left: 50%;
}

唯一的问题是，当我改变浏览窗口的大小时，我看不到窗口中间点留下的任何东西。我知道这是因为负边距，但有什么办法可以纠正这个问题吗？

我试图将它 float 到其他一些 div 上，因此自动边距技巧将不起作用。

这是我所拥有的链接:dev.connectionsquad.com .

Answer 1

我建议对页面居中的任何 div 使用以下内容。 正文{
文本对齐:居中；
}
#包装器{
宽度:1080px；
边距:0px 自动；
文本对齐:左；
}

对于某些浏览器，您必须在 body 标记上使用 text-align: center 以使 div 在页面中居中。