在頁面底部定位div

Question

我正在開發一個網站，其中的菜單應該是頁面的結尾。除了菜單之外，另外一個帶有兩個圖像的div也應該放在頁面的底部。

按照the link轉到頁面的完整源代碼;

紅色的菜單應該在頁面底部對齊，並與div＃leftcontent的中心對齊。

在div＃中，藍色社交網絡必須在頁面底部對齊，並與div＃nav的中心對齊。

當我說底部時，我的意思是在頁面末尾。

Answer 1

如果您的意思不是靜態定位，而只是自然發生在頁面底部，即使側邊欄內容導致頁面超出底部導航所在的主要內容之外，那麼您使用div 。這是CSS 2.1的主要缺陷之一。

你有兩種選擇：

• 使用表的基本佈局

• 使用JavaScript基於側邊欄的長度動態定位的div

這取決於您想要選擇的內容，但JavaScript選項對禁用JavaScript的人員（例如較舊的移動瀏覽器）無效。