绝对页脚漂浮在手机浏览器中

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

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

直觉告诉我这应该工作......显然我错了。在移动浏览器中做这种定位是不可能的，还是我搞砸了？提前致谢！

来源

2012-08-04 dgeare

没关系...想我解决了它！ “最小高度：100％;”似乎有窍门。不过谢谢。

来源

2012-08-04 05:21:43 dgeare

绝对页脚漂浮在手机浏览器中

回答

相关问题