即使我向下滚动，如何使div高度整页

Question

我的旁边有div侧边菜单，我希望div身高整页，即使我 向下滚动。

我试过高度100vh给出屏幕页面的高度; 身高100％我得到身高，直到我不再有菜单。

.menu {
    float: left;
    width: 350px;
    background: #151515;
    height:100vh;
}

旁边菜单旁边是超出菜单高度的主要内容，所以即使我向下滚动该菜单的主要内容背景仍然结束。

Answer 1

即使向下滚动，您是否希望菜单保留在屏幕上？

试试这个：

.menu {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 350px;
    background-color: #151515;
}

Answer 2

尝试绝对定位：

.menu {
    position: absolute; top: 0; bottom: 0; left: 0;
    width: 350px;
    background: #151515;
}