1

我正在尝试使用以下 CSS 将突破 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: center inline 和我正在使用的外部样式表。在我能够在外部样式表中使用该 CSS 使其工作之前。然后我非常快速地进行了一堆更改，而没有记录我在做什么。

请帮忙？

4

2 回答 2

0

如果你想以绝对位置居中 div 比试试这个

#footer {
clear: both;
width:80%;
position: absolute;
bottom: 0;
left: 50%;
margin-left:-40%; /*should be half of footer width and it should be in -margin*/
}
于 2013-08-04T11:40:26.150 回答
0

一旦你定义了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

示例::小提琴

于 2013-08-04T11:44:56.773 回答