python测试开发django-135.CSS如何让左侧浮动(float)元素占满屏幕高度

<div class="container1">
    <div class="left">
        <p>左侧菜单栏1</p>
        <p>操作项1</p>
        <p>操作项2</p>
    </div>
    <div class="right">
        <p>这是右边展示内容，右边展示内容，右边展示内容，右边展示内容，写正文看看</p>
    </div>
</div>

    <style>
        .container1{
            overflow: hidden;
            zoom: 1;
            background: rgba(42, 53, 66, 0.2);
        }
        .left{
            padding-left: 30px;
            color: #aeb2b7;
            float: left;
            width: 200px;
            height: 100%;
            margin-right: 10px;
            background: #232631;
        }
        .right{
            background: white;
            zoom: 1;
            overflow: hidden;  /*右边盒子overflow:hidden触发bfc*/
        }
    </style>

 <style>
    html, body{
        width: 100%;
        height: 100%;
    }
    .container1{
        height: 100%;
        overflow: hidden;
        zoom: 1;
        background: rgba(42, 53, 66, 0.2);
    }

    html, body{
        width: 100%;
        height: 100%;
        margin: 0;
    }