2

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

我想要的只是一个按钮（阅读：页脚 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;
}

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

4

1 回答 1

0

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

于 2012-08-04T05:21:43.627 回答