页脚位于页面底部的中心

问题描述:

我的页脚完全位于每个计算机屏幕上.但是,当我在Iphone上对其进行测试时,页脚会卡在页面的中间,并且不会以水平方式进行重复.

My footer is perfectly positioned on every computer screen. But, when I test it on an Iphone, the footer get stuck in the middle of the page and is not repeating itself in a horizontal way.

我该怎么办,因此页脚也停留在Iphone屏幕和其他智能手机的底部?

What can I do, so the footer also stays on the bottom of an Iphone screen and other smartphones?

这是我页脚的CSS:

#footer {
    position:absolute;
    bottom:0;
    width:100%;
    height:270px;
    background-image:url(images/footer.png);   
    }

将位置更改为固定,希望可以解决此问题.

Change the position to fixed, hope that can solve this question.

#footer {
    position:fixed;
    bottom:0;
    width:100%;
    height:270px;
    background-image:url(images/footer.png);
}