側欄和頁腳DIV的CSS佈局

Question

我有一個相對定位的容器，包含標題，側欄，主要內容和頁腳的div。

我的問題是與側邊欄和頁腳組件。使用我的側邊欄，我必須使用指定的頂部和左側值完全定位（它也具有10組Z值）。

這一切都很好，但通過側邊欄作爲絕對，側邊欄拿着我的菜單，這個側邊欄div實際上坐在我的頁腳div的頂部，我希望它坐在邊欄下面。所以隨着我的菜單邊欄的增長，我的頁腳div（沒有CSS位置）總是坐在我的菜單的高度之後，可以是任何高度。

不幸的是，我的網站還沒有託管，所以我無法指出你。

Answer 1

堅持HTML Layout Gala，你會沒事的。

絕對定位的佈局是不可取的，除非在特定情況下。

Answer 2

我經常使用absolute定位。你只需要知道如何使用它。根據您的描述，您需要做的是在頁腳上設置position: relative，然後將其設置爲比側欄高z-index（基於您的數字，至少爲11）。