Question

我制作了一个非常简单的网站，我的页脚出现了问题：它没有居中。我已经完成了所有保证金：自动;并且正确的事情，Chrome和Firefox中的问题仍然存在。代码：

#footer {
  position: fixed;
  z-index:10;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  height:35px;
  bottom:0px;
  background-color:#363636;
  /* Style info that has nothing to do with the problem below this line */
  box-shadow: 1px -2px 6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow:1px -2px 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:1px -2px 6px rgba(0, 0, 0, 0.5);  
  border-top-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}

已经尝试输入＆＃34; display：inline-block;＆＃34;。 index.html代码（ofc it仍然在开发中，没有任何内容）：http://d.pr/btSa

提前致谢。

Answer 1

我认为您遇到了问题：

位置：已修复

没有它尝试。如果你想让它坚持到底部尝试其他位置（绝对等）。尝试使用margin而不是margin，然后使用left：auto和right：auto。因为在固定的位置，我认为利润率并不重要。

如果您坚持使用它，请尝试将页脚宽度设置为100％，将其固定在任意位置，然后将内容放入固定页脚内的包装中，并给出一个边距：0 auto。它将位于页脚内部。

Answer 2

您的页脚没有以边距为中心的原因是postion:fixed。删除它，它将遵循您的margin auto。

如果您需要fixed，请将您的css更新为：

#footer {
  position: fixed;
  z-index:10;
  bottom:0;
  left:50%;
  margin-left: -500px;
  width: 1000px;
  height:35px;
  bottom:0px;
  background-color:#363636;
  /* Style info that has nothing to do with the problem below this line */
}

请注意添加bottom:0;，left:50%;并更新margin属性。

Answer 3

尝试在表格中使用页脚并将td的对齐方式设置为中心

页脚不响应中心命令

3 个答案: