如何在底部：0px 时将包装器居中？答案

【问题标题】：How can I center my wrapper while having bottom:0px?如何在底部：0px 时将包装器居中？
【发布时间】：2012-01-22 20:31:22
【问题描述】：

我希望包装器的底部始终接触浏览器的底部。但我不知道如何水平居中。

网址：http://arabic001.com

  #wrapper {
    position:absolute;
    text-align:center;
    bottom:0px;
    width:1110px;
    height:675px;
    border:1px white solid;
}

感谢 John，我解决了水平居中的问题。但现在底部的行为真的很奇怪。它在太低（包装器的一部分被浏览器底部吃掉）或底部有额外空间之间切换，即使代码显示为 bottom:0px;。这是我的新代码：

#wrapper {
    position:absolute;
    text-align:center;
    bottom:0px;
    left:50%;
    margin-left:-555px;
    width:1110px;
    height:675px;
    border:1px white solid;
}

【问题讨论】：

标签： css position centering

【解决方案1】：

left:50%;
margin-left:-555px;

将其填充一半并减去左边距的一半宽度。 http://screensnapr.com/v/dZvq1K.png

【讨论】：

谢谢！将它完美地居中。但是现在即使我写了 bottom:0px;当我将浏览器设置为更大尺寸时，底部仍有一些空间。有办法解决吗？
更正：我刚刚再次检查它，它的作用与我刚才描述的相反。浏览器越大，底部被吃掉的块就越大！我该如何解决这个问题？
发生了一件非常奇怪的事情。我将在上面的问题中描述（编辑）它。
您可以尝试将包装器的高度设置为 677px
我之前曾尝试过在高度上鬼混，但这似乎不是解决方案。我认为还有其他事情正在发生。我使用的计算机与我通常使用的计算机不同。我刚刚在mac上检查过，它是完美的。可能我在这台电脑上使用的浏览器不一样……还有一个相关的问题是，这个浏览器不仅底部乱了，而且其余的定位都关闭了。导航栏和子菜单被向下推，因此没有正确对齐。我想我在这里遇到了浏览器兼容性问题。有任何想法吗？非常感谢