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 回答