Question

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

我尝过像

这样的东西

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

JQuery移动底层空间

2 个答案: