Css 如何在不使用主div上的100vh的情况下，将flex列菜单拉伸到页面的100%

我在CMS上工作，我想拥有100%的身高

如何在没有包装纸上的100vh的情况下使我的页面达到100%的高度（我猜这是正确的方法）

正文{
保证金：0；
字体系列：arial；
}
.主包装{
显示：-网络工具包盒；
显示器：-moz盒；
显示：框；
显示：-webkit flex；
显示：-moz flex；
显示：-ms flexbox；
显示器：flex；
弯曲方向：行；
高度：100vh；
溢出：隐藏；
/*柔性包装：包装*/
}
.主包装部{
}
.侧边栏1{
/*弯曲方向：立柱*/
/*柔性包装：包装*/
/*弹性：1*/
/*身高：100%*/
/*宽度：10px*/
/*背景色：#29313c*/
背景色：#29313c；
颜色：白色；
显示器：flex；
弯曲方向：立柱；
/*高度：100vh*/
}
.侧边栏1.类别{
弹性：1；
身高：100%；
填充：10px；
显示器：flex；
对齐项目：居中；
证明内容：中心；
颜色：#90A4BB；
文字装饰：无；
字体大小：粗体；
}
.侧边栏1.类别：悬停{
颜色：白色；
背景色：#2E3C54；
}
.sidebar1.类别：非（：最后一个孩子）{
边框底部：1px实心#90A4BB；
}
.侧边栏1.分类分区{
}
.侧边栏2{
背景色：#dee3e7；
柔性包装：包装；
弯曲方向：立柱；
弹性基准：330px；
/*宽度：330px*/
/*弹性：1；
柔性包装：包装；
弯曲方向：立柱；
*/
}
.主要内容{
弹性：5；
柔性包装：包装；
弯曲方向：立柱；
背景色：#fff；
}

只要给出：

html,body {
    height: 100%;
}

身高：100%到

。主包装器

.main-wrapper{
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;

    height: 100%;
    overflow: hidden;

    /*flex-wrap: wrap;*/
}

只要给出：

html,body {
    height: 100%;
}

身高：100%到

。主包装器

.main-wrapper{
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;

    height: 100%;
    overflow: hidden;

    /*flex-wrap: wrap;*/
}