絕對頁腳漂浮在手機瀏覽器中

幫助！對不起，如果這個問題在某個地方回答，我試圖找到它，我真的這樣做。閱讀大量關於移動瀏覽器固定定位的內容，但這不是我想要的。絕對頁腳漂浮在手機瀏覽器中

所有我想要的是一個按鈕（閱讀：頁腳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

絕對頁腳漂浮在手機瀏覽器中

回答

相關問題