如何用css

Question

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

这是指向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;
}

我尝试使用absolute position，但随着两个侧边栏崩溃，它变得更加混乱。我尝试过z-index，但没有帮助。

内容也在旁边。

请帮忙。

Answer 1

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