css - 试图在页面底部居中一个 breakout div

Question

我正在尝试使用以下 CSS 将 breakout div 居中放置在我的页面底部:

#footer {
clear: both;
position: absolute;
bottom: 0;
left: 0;
}

我已经在这上面工作了几个小时，真正令人沮丧的是，我让它工作得更早，但我的其他两个 div 破坏了一些其他东西，并做了一些改变来解决问题，但从那以后我完全无法使页脚居中。它只是看起来不向左或向右对齐。

我已经尝试过其他网站的建议，例如将左右边距设置为 100% 和 margin: 0 auto;除其他事项外。什么都不起作用，我的头在旋转。

我该如何解决这个看似简单的问题？

这是我的页脚，希望对您有帮助:

<footer id="footer">
<address>webmaster@mydomain.net</address>
</footer>

我还尝试使用 align-text: 居中内联和我正在使用的外部样式表。在我能够使用外部样式表中的 CSS 使其工作之前。然后，我非常快速地进行了一系列更改，但没有记录我所做的事情。

请帮忙？

Answer 1

一旦你定义了 position:absolute;left: 0; 那么 margin:0 auto; 显然不会工作..

我认为下面的技巧对你有用...

#footer {
  clear:both;
  position: absolute;
    bottom: 0;
    left:50%;
  margin-left: -100px;

}

当您使用 position: absolute; 时，您不能使用 margin:0 auto;..在这种情况下 left:50%;margin-left: -100px; 一般用于使div水平居中

示例:: FIDDLE