JQuery移动底层空间

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

我尝过类似的东西

body { margin-bottom: -25px;} 

它仍然无法正常工作。

Answer 1

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

 
 OK  

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