具有位置相對和Z索引集的CSS邊欄

Question

我在我的網頁的左側設置了側邊欄，該側邊欄設置爲postion：相對於頂部值集合，但它也具有10的z-索引作爲頂部部分的側邊欄需要重疊右側的內容的一部分，該部分也被設置爲相對的。

然後，我的頁腳沒有設置位置，但有一個清晰的位置：位於側邊欄下方的兩個位置，因爲側邊欄的高度大於我的內容div。

我的問題是，隨着側邊欄的增長，它不會將頁腳向下推，而是呈現在頁面的頂部 - 任何想法我缺少什麼？

是否因爲我的側邊欄有一個10的Z-索引 - 如果是的話，我怎樣才能得到它來推動頁腳而不是渲染頂部？

如果不是，那麼它會是什麼？

Answer 1

不確定這是否可行，但如果您爲側欄和頁腳設置相同的z-index會發生什麼情況？

Answer 2

Mmh的z-index的，定位的元素和堆疊方面是如此有趣:(
以下是有關的z-index良好的資源：（！在改名如何z-index的作品）

• Teach yourself how elements stack
• Understanding CSS z-index (MDC)

第一個將讓你找到自己的解決方案，即使是通過試驗和錯誤。

Answer 3

殺top聲明您#sidebar並找出具有頂部空間（的margin，padding）

如果還是不行，請聯繫我們的代碼以不同的方式。