Question

我浪费了很多时间，似乎无法让它发挥作用，我已经在这里阅读了许多答案，但似乎没有任何帮助。

我有一个标题DIV然后两个DIV在彼此的左侧浮动。左边的菜单和右边的内容。右边我设置了溢出：隐藏所以它位于左边的菜单div旁边，右边是broswer。

现在我希望左边的菜单Div向下填充高度以匹配右边的内容div但我不能为我的生活似乎得到正确的设置。

网站链接位于http://www.mxbempire.com

有人对此有所了解吗？

Answer 1

在你的css中使用它

.headercontainer {
width: 100%;
height: 60px;
margin: 0 auto;
background-color: #2C2E33;
position: fixed;
top: 0;

.two {
float: left;
width: 220px;
position: fixed;
top: 60px;
}

Answer 2

我不是100％肯定你在问什么。

然而，在标题和菜单上使用静态属性会给它一个'wiki-feel'

将此内容添加到CSS中会给出一个示例

.menu{position:fixed; top:80px}
.headercontainer{position:fixed; top: 20px;}
.user{padding-left: 200px; float:none;}
.card{margin: 90px 25px 0 250px;}

Answer 3

您可以尝试将此样式添加到css：

.headercontainer {
    position: fixed;
    z-index: 10;
}
.menu {
    height: 100vh;
    margin-top: 60px;
    position: fixed;
}
.three {
    margin-left: 220px;
    padding-top: 60px;
}

我不确定它在旧浏览器上会如何表现，所以只需尝试一下。

垂直拉伸我的菜单div 100％

3 个答案: