Html 如何使页脚与内容保持内联？

您将看到页脚卡在左侧。这是CSS：

#footer {
width: 800px;
clear:both;
float:right;
position:relative;
left:-50%;}

请让我知道为什么会这样

谢谢

Tara要将页脚居中，请执行以下操作：

#footer {
  width:800px;
  position:absolute;
  padding-left:50%;
  margin-left:-400px;
  bottom:0px;
}

---

您应该保持它的简单和使用：

#footer {
    width: 800px;
    clear: both;
    margin: 0 auto; /* center it */
}

例如，这与您在

.container

上成功使用的技术完全相同

#footer {
    position:absolute;
    bottom:0px;
    width:100%;
}

---

示例演示：

这真的是一些非常古怪的样式吗？左边填充50%\右边空白400px？伊伊？什么？@ppumkin我很抱歉，这是个打字错误。我的意思是

-400px

和

左边距

。固定的！感谢@thirtydot，它似乎已经居中了；但是由于某些原因，

---

现在是页面的100%，而不是800px…+1简单是最好的方式@塔拉试着把

宽度：800px！重要提示

@Tara:你的粘贴有点不可靠。这就是您拥有的：

#footer{footer{width:800px；clear:both；margin:0 auto；/*居中*/}

。很抱歉，浏览器对

margin:auto

的解释不同。有时它仅仅意味着

margin:0px

@Oltarus:

margin:0auto

工作正常，几乎是互联网上每个中心站点的中心机制。