如何使頁腳底部對齊而不使用固定頁腳？

我希望我的頁腳始終位於頁面的底部。我試過使用：如何使頁腳底部對齊而不使用固定頁腳？

bottom:0px; 
position:relative;

但是，似乎讓它進入屏幕下方的文字。我究竟做錯了什麼。我真的不想因爲IPAD而使用固定的！

2011-08-10 Exitos

谷歌「粘腳」 – Gerben

總是在頁面的底部？像定位一樣？你爲什麼不想使用固定定位？ –

您是否想過使用@ media-queries更改較小iPad屏幕的樣式？對於大多數分辨率，您可以保留'position：fixed'，但更改iPad的位置。 –

使用位置：絕對並確保，頁腳是而不是位於另一個元素中，位置：relative或position：absolute。

但是，這會將頁腳定位在頁面的最後端，而不是位於屏幕的下邊緣。要做到這一點，你將不得不做骯髒的JavaScript黑客。 Google爲「iPad」和「位置固定」開始。

2011-08-10 19:38:31 Boldewyn

絕對會導致它在用戶滾動時「浮動」在主要內容中 –

不，這是固定會執行的操作。絕對把它放在你身體的底部。（如果你的意思是*，當用戶達到底部*時，可以通過填充到身體補救。） – Boldewyn

我可能誤解了你或PO ...或者兩者，但是這是當你有一個位置：絕對的元素在體內：http://jsfiddle.net/XR552/ –

回答