本文介绍了JQuery移动底层空间的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在创建我的网站的移动版本,它在页面底部有一个巨大的空间。我试过所有的,我可以删除它,但它甚至不凸起。任何建议如何解决这个问题。这是
我试过
body {
margin-bottom:-25px;}
解决方案p>经过几个实验,我解决了下面的CSS行的问题:#footer {
颜色:#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
I'm creating a mobile version of my website and it has a huge space at the bottom of the page. I've tried all that I can to remove it but it doesn't even bulge. Any suggestions on how to solve this problem. Here is the link
I've tried stuff like
body { margin-bottom: -25px;}
and it still didn't work.
解决方案After a couple of experiments, I solved the problem with the lines of CSS below:
#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; }
I did give the data-role footer an ID called #footer
这篇关于JQuery移动底层空间的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!