2012-08-10 89 views
1

我正在创建我的网站的移动版本,并且在页面底部有一个巨大的空间。我尽我所能去除它,但它甚至不会凸起。有关如何解决此问题的任何建议。这里是linkJQuery移动底部空间

我试过的东西一样

body { 
margin-bottom: -25px;} 

,它仍然没有工作。

+1

您正在测试什么设备?似乎对我来说是正确显示的... – r0m4n 2012-08-10 20:26:11

+1

如果您正在讨论页脚下方的空间,请查看固定位置页脚:http://jquerymobile.com/demos/1.1.1/docs/toolbars/bars- fixed.html – Jasper 2012-08-10 21:03:34

回答

0

几个实验后,我解决了以下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

0

是的,固定的位置页脚是要走的路:

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