html - 如何用CSS重叠两个div

Question

我正在尝试构建一个页面，其中我有两个相反方向的侧边栏。我正在使用从 evanto 购买的 metronic admin 主题，我希望即使页面正在滚动并且页面内容位于该侧边栏下方也能修复它。我将这两个菜单放在一个类为 page-container 的 div 中，其中我有另一个 div 用于名为 page-content-wrapper 的页面内容。

这里是 my problem 的链接

我尝试在 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;
}

我尝试使用绝对位置，但随着两个侧边栏的折叠，它变得更加困惑。我也尝试放置 z-index 但它没有帮助。

内容也在侧边栏中。

请帮忙。

Answer 1

如果即使在滚动时也想固定元素相对于窗口的位置，请在该特定元素上使用 position: fixed;。