左侧菜单高度自适应右侧内容

CSS样式&＃xff1a;

1 .content{
2 display: flex ;
3 }
4 .left_sidebar{
5 flex:1;
6 float: left;
7 background: #0E90D2;
8 z-index: -1;
9 width: 10vw;
10 font-size: 1rem;
11 color: #fff;
12 overflow:hidden;
13 }
14 .right_content{
15 width: 88vw;
16 float: right;
17 flex: none;
18 background: #00B0CF;
19 height: 30vw;
20 }

html&＃xff1a;

1 <div class&＃61;"content">
2 <div class&＃61;"left_sidebar">左侧菜单div>
3 <div class&＃61;"right_content">右侧内容div>
4 div>

效果图&＃xff1a;