jquery - jQuery手机底部空间

Question

我正在创建我的网站的移动版本，它在页面底部有一个巨大的空间。我已经尽我所能删除它，但它甚至没有膨胀。有关如何解决此问题的任何建议。这是链接

我试过像

body {
margin-bottom: -25px;}

它仍然没有工作。

Answer 1

是的，固定位置的页脚是要走的路：

<div data-role="footer" data-position="fixed">
<a href="#" data-rel="back">OK</a>
</div>

Answer 2

经过几次实验，我用下面的 CSS 行解决了这个问题：

#footer {
    color:#FFC;
    height:40px;
    position:fixed;
    border-top: solid 1px #FFC;
    padding: 0;
    bottom: 0;      
}

#page {
    text-align: center;
    border-bottom: solid 1px #FFC;
    height: auto;
    padding: 0;
    bottom: 0;
}

我确实为数据角色页脚提供了一个名为 #footer 的 ID