html - 居中固定/锚定页脚?

标签 html css

我查看了此处发布的一些问题,但对于如此简单的任务来说,一切似乎都过于复杂了?我只想要一个固定在屏幕底部的页脚,无论页面的垂直长度如何。一切正常,除了我不能让页脚居中,它总是左对齐..?谢谢! http://jsfiddle.net/n4xxj/

<body>
     <div id="content"></div>
     <div id="footer"></div>
</body>




div {
width: 960px;
margin: auto;
}

#content {
background-color: beige;
border: 1px solid;
height: 1200px;
margin-top: 100px;
margin-bottom: 150px;
}

#footer {
background-color: lightgray;
border: solid 1px;
height: 100px;
position: fixed;
bottom: 0px;
}

最佳答案

更新您的 HTML 以包装在包装器 div 中

<div>   
  <div id="content"></div>
  <div id="footer"></div>
 </div>

DEMO

关于html - 居中固定/锚定页脚?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13500696/

相关文章:

html - 如何使用 CSS 重定向

html - 背景过滤器问题

html - 一个 div 中的两个类,最佳方法 - CSS

html - 使用列表的选项卡式导航

javascript - 如何制作一个完整的页眉?

javascript - XHR2 addEventListener 与属性

php - OnClick 事件并检查 MySQL 结果

javascript - 嵌套的 Accordion 没有正确扩展javascript

css - 如何在 gulp-sass 中编译多个主题?

css - 如何使页脚全宽?