帮助!对不起,如果这个问题在某个地方得到了回答,我试图找到它,我真的做到了。阅读大量关于移动浏览器中固定定位的内容,但这不是我想要的。
我想要的只是一个按钮(阅读:页脚 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;
}
本能告诉我这应该有效......显然我错了。在移动浏览器中甚至无法进行这种定位,还是我搞砸了?提前致谢!