如何將兩個div與CSS重疊

Question

我正在嘗試建立一個頁面，在該頁面中我有兩個方向相反的側邊欄。 我正在使用從evanto購買的metronic管理員主題，即使滾動頁面並且頁面內容位於該側邊欄下方，我也希望此主題得到修復。 我將這兩個菜單放置在具有類page-container的div內，其中我還有一個用於頁面內容的div，名為page-content-wrapper 。

這是我的問題的鏈接

我嘗試在editor.css中使用以下CSS：

body {
    color: #333333;
    font-family: "Open Sans", sans-serif;
    padding: 0px !important;
    margin: 0px !important;
    font-size: 13px;
    direction: ltr;
}

body {
    background: #e9ecf3;
}

.page-header-fixed {
    margin: 0px;
    padding: 20px 20px 0 20px;
    position: relative;
    z-index: 2;
}

.page-container {
    margin-top: 75px;
    padding: 0px;
    z-index: 2;
}

.page-content-wrapper {
    z-index: 3;
}

我嘗試使用absolute position但是隨着兩個側邊欄折疊，它變得更加混亂。 我也嘗試過放置z-index但沒有幫助。

內容也在側邊欄上。

請幫忙。

Answer 1

如果即使滾動時也要固定元素相對於窗口的位置，請使用position: fixed; 在該特定元素上。