绝对页脚在移动浏览器中浮动答案

【问题标题】：Absolute Footer is floating around in mobile browser绝对页脚在移动浏览器中浮动
【发布时间】：2012-08-02 02:12:24
【问题描述】：

帮助！对不起，如果这个问题在某个地方得到了回答，我试图找到它，我真的做到了。阅读大量关于移动浏览器中固定定位的资料，但这不是我想要的。

我想要的只是一个按钮（阅读：页脚 div），它位于页面的最底部（不是视口），无论页面是否足够长以保证滚动。我完全可以理解为什么移动浏览器在“固定”定位方面存在问题，但我并没有试图将我的按钮与视口对齐。我希望它绝对定位在文档中。尽管如此，div 正在做某种形式的半固定定位。随着视口移动，但甚至没有到达页面底部（卡住了）。为什么我不能定义我的 div 在文档中的位置？如果没有 Javascript，这是不可能的吗？应该这样做是没有意义的。

这就是我正在做的事情

<!doctype HTML>
<html><head>...
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
...
<body><div class='container'>

...

<div class='footer'></div>
</div></body></html>

CSS

html{
    height:100%;
}

body{
    height:100%;
}

.container{
    height:100%;
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
}

.footer{
    position:absolute;
    bottom:0px;
    left:0px;
}

本能告诉我这应该有效……显然我错了。在移动浏览器中甚至无法进行这种定位，还是我搞砸了？提前致谢！

【问题讨论】：

标签： css mobile footer css-position

【解决方案1】：

没关系...认为我解决了它！ “最小高度：100%；”似乎可以解决问题。不过还是谢谢。

【讨论】：