如何将页脚放在页面底部

Question

我正在使用jquery mobile 1.4.2

我已经添加了一些css到＆＃34; data-role =＆＃34; page＆＃34;这样我就可以避免jquery mobile的默认滚动。 当我添加它影响我的页脚。我无法解决它（我不想使用位置：固定）。 我希望页脚始终位于页面底部。但如果内容较少，我希望它位于窗口底部（屏幕）。

here is a link to jsfiddle

click here

如果我向页脚添加绝对值，当内容小于屏幕大小时，它的工作正常。如果它超过屏幕大小，则重叠。 你可以通过垂直改变jsfiddle的框架来看到这一点。

Answer 1

你试过这个吗，

<div data-role="footer" data-theme="o" data-position="fixed" data-tap-toggle="false">
 <div> I am Footer </div>    
</div>