位置：iPhone iOS 中的固定页脚答案

【问题标题】：position:fixed footer in iPhone iOS位置：iPhone iOS 中的固定页脚
【发布时间】：2014-01-07 04:08:47
【问题描述】：

让我的页脚停留在页面底部时遇到了一些问题，但仅在 iPhone 移动 Safari (iOS6) 上。使用position:fixed 在 iPad 和桌面版本上完美运行。我已经在整个互联网上寻找解决方案，但我尝试过的任何方法似乎都不起作用。如果我将其更改为position:relative，它在 iPhone 上显示正常，但在其他浏览器版本上显示太高。我的代码是：

#footer {
    padding-top: 15px;
    padding-bottom: 5px;
    width: 100%;
    height: 50px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-size: 10px;
    color: #fff;
    text-align: center;
    text-shadow: 2px 0px 5px #000;
    position: fixed;
    bottom: 0;
}

<div id="footer">
  <ul>
    <li><a href="Index.html">Home</a></li>
    <li><a href="Assessment.html" target="_blank">Assessment</a></li>
    <li><a href="Press.html">Press</a></li>
    <li><a href="Careers.html">Careers</a></li>
    <li><a href="News.html">News</a></li>
    <li><a href="Contact.html" target="_blank">Contact</a></li>
    <li><a href="https://www.facebook.com/pages/Southern-Cross-Catholic-College-Japanese/164793893570872" target="_blank">Facebook</a></li>
    <li><a href="http://www.sccc.qld.edu.au">SCCC Home</a></li>
    <li><a href="#top">Top</a></li>
  </ul>
  <p class="fine-print">Created by Maree Carr. &copy; 2014 scccjapan.com. All rights reserved.</p></div>

提前致谢:)

【问题讨论】：

标签： html ios iphone css position

【解决方案1】：

一切顺利！在这里找到答案：cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css。为什么我一天前找不到！！

【讨论】：

这不是固定页脚的解决方案。