Css 绝对页脚在移动浏览器中浮动_Css_Mobile_Footer_Css Position

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

css mobile

Css 绝对页脚在移动浏览器中浮动,css,mobile,footer,css-position,Css,Mobile,Footer,Css Position,救命啊！对不起，如果这个问题在某处得到了回答，我试图找到它，我真的找到了。阅读大量关于移动浏览器中固定定位的内容，但这不是我想要的我所需要的只是一个按钮（读：footer div），它位于页面的最底部（而不是视口），而不管页面是否足够长以保证滚动。我完全理解为什么移动浏览器在“固定”定位方面有问题，但我并没有试图将我的按钮与视口对齐。我希望它在文档中绝对定位。然而，div正在进行某种形式的半固定定位。与视口一起移动，但甚至不能使其位于页面底部（它会被卡住）。为什么我不能在文档中定义我的div的

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

我所需要的只是一个按钮（读：footer 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>

直觉告诉我这应该有用。。。显然我错了。在移动浏览器中，这样的定位是不可能的，还是我把事情搞砸了？提前谢谢

无所谓。。。我想我解决了！“最小高度：100%；”似乎就是这样。谢谢。

别客气。。。我想我解决了！“最小高度：100%；”似乎就是这样。谢谢你

html{
    height:100%;
}

body{
    height:100%;
}

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

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