如何在父级增长时使 HTML 容器增长？

如何解决如何在父级增长时使 HTML 容器增长？

我有一个侧导航，当它的父级增长时它必须增长。此外，我还有一个页脚，它必须位于所有页面的底部。

CSS 代码如下：

body{
    margin: 0px;
    padding: 0px;
    float: left;
    margin-top: 0px;
    background-color: #bababa;
    width: 100%;
}

main{  //the nav and main page container,not the footer
    position: relative;
}

#navIzquierda{ //the nav
    width: 20%;
    min-height: 90vh;
    height: 100%;
    margin: 0px;
    float: left;
    padding: 5px;
    background-color: #d4d4d4;
}

谢谢！