CSS Footer 固定宽度、屏幕底部和居中

标签 css html footer

我主要是一名 iPhone 开发人员,我不太擅长 CSS,我正在尝试为我的应用制作一个网页。

我想让我的页脚具有以下属性:

  • 640px 的固定宽度
  • 居中
  • 附加到屏幕 的底部,而不是页面。所以当用户调整窗口大小时,页脚总是在底部

所有其他样式我都可以自己做,只是位置样式我觉得非常困难。

有人可以向我解释如何只用 CSS 做到这一点吗。

最佳答案

footer {
    width: 640px;
    margin: 0% -320px;
    position: fixed;
    left: 50%;
    bottom: 0%;
}

示例:http://jsbin.com/imisig/3

带有大量文本的示例:http://jsbin.com/imisig/4

关于CSS Footer 固定宽度、屏幕底部和居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7039664/

相关文章:

HTML <header>/<footer> 最常见的 CSS 实践

html - 如何使用 CSS 将文本与容器底部对齐?

html - 使文本不超出页脚

嵌套 css 定义中的 css overclassing

javascript - 使用 javascript :history. go(-1) 有效,但我丢失了 css 属性和脚本

html - 在页面加载 CSS 时翻转立方体

jquery - html - div 内的布局中断

java - Android:在页眉和页脚之间显示 ListView

css - 在 Firefox 中展开一个 Div 两次加载其中的 Xap

html - 更改链接的默认颜色