頁腳div不能保持底部

紅色頁腳在中間起牀。如何讓它保持在底部？像clear: both和overflow: hidden。頁腳div不能保持底部

我已經嘗試了很多東西，有什麼我做錯了嗎？

的代碼太大而無法粘貼在這裏（30000個字符的限制）。請給我工作小提琴。

更新：它現在有效。

#footer{ 
position: relative; 
height: 274px 
bottom: 0;margin-top: 274px;

來源

2013-01-02 kevin

請在這裏發佈相關代碼以及鏈接到小提琴 –

您是否希望腳本始終可見（'position：fixed'）或只是位於頁面的底部？ – JJJ

沒有。在任何時候都不可見。不固定。就在身體其他部分下面（主格可能） – kevin

你有

#footer { 
    margin:-274px 0 0; 
}

這是給它一個負上邊距和移動頁腳起來。嘗試刪除該行。儘管您可能還需要調整頁面的內容。您應該在內容上使用clearfix，以便它不會落在頁腳後面。

來源

2013-01-02 12:42:59 cowls

聽起來有前途，但不起作用 – kevin

你是什麼意思，不工作？刪除這一行：'margin：-274px 0 0;'並重新運行JS小提琴。 – cowls

好的。它給出了相同的結果。如果你有它的工作，請發送一個新的小提琴鏈接。 – kevin

試試這個：

 
#footer { 
    position:fixed; 
    bottom:0; 
}

來源

2013-01-02 12:43:43

沒有。在任何時候都不可見。不固定。正好在身體的其他部分（主要可能） – kevin

設置邊距：0px;代替邊距：-274px 0 0;它給出相同的結果 –

。如果你有它的工作，請發送一個新的小提琴鏈接。 - – kevin

起初：明確：既是無效：絕對元素，因爲它們超出了正常流動。

二：設定一個位置：絕對; bottom：0px; 「div.gallery」元素上的樣式，它將位於其容器的底部。

但是它對於你來說還不夠，你應該移動你的容器格。

來源

2013-01-02 12:51:10 peterh

設置位置：絕對; bottom：0px; #footer風格。沒有那個權利。（但不工作） – kevin

它給出了相同的結果。如果你有它的工作，請發送一個新的小提琴鏈接。 - – kevin

是的，這是不夠的，因爲它只將內部div放在頁面的底部。你想要的是將這個_unter_放在頁面的底部。最簡單的解決方案是對你的html代碼進行一些重構：頁腳div應該離開main，並且移除「position：」css參數。如果我有時間，我會爲你解決這個問題，但目前我沒有。如果你有運氣，問題會在2-3天后公開，我會解決這個問題。 – peterh

頁腳div不能保持底部

回答

相關問題