【发布时间】：2011-10-25 18:18:14
【问题描述】：
我主要是一名 iPhone 开发人员，我对 CSS 有点垃圾，我正在尝试为我的应用制作网页。
我想让我的页脚具有以下属性：
- 固定宽度为 640 像素
- 居中
- 附加到屏幕的底部，而不是页面。所以当用户调整窗口大小时，页脚总是在底部
我可以自己做所有其他样式，只是位置样式我觉得很难。
有人可以向我解释一下如何在 CSS 中做到这一点。
【问题讨论】：
【发布时间】：2011-10-25 18:18:14
【问题描述】：
footer {
width: 640px;
margin: 0% -320px;
position: fixed;
left: 50%;
bottom: 0%;
}
【讨论】：
-
您将如何修改代码以使其流动性达到 60%？只是感兴趣
-
您可以使用
width: 60%;和left: 20%;，而不使用margin。见jsbin.com/imisig/11
将页脚 HTML 放入 <div id="footer">。 CSS 应该是这样的：
#footer {
width: 640px;
position: fixed;
bottom: 0px;
left: 50%;
margin-left: -320px;
}
解释
-
width属性将宽度设置为640px -
position: fixed将使其随页面滚动 -
bottom: 0px使其固定在页面底部（到底部的距离 = 0px） -
left: 50%将div的左侧放在页面中心 -
margin-left: -320px- 现在我们必须将其从左侧移动 320px 以使其居中
【讨论】：
-
margin和auto不适用于position或fixed；页脚将位于屏幕左侧。请参阅我的答案以了解改进的方法。 -
没问题。
-310px应该是-320px，顺便说一句。