左右结构网站，菜单栏高度根据右边 div 高度变动

html+css

左右结构网站，菜单栏高度根据右边 div 高度变动

html

<div class="wrapper">
	<div class="flex1">子盒子#flex1: 1 </div>
	<div class="flex2">子盒子#flex2: 1 </div>
</div>

css

.wrapper{
	display: flex; 
	align-items: stretch;
	font-size: 17px;
    width: 100vw;
    text-align: center;
    background: wheat;
}
.flex1{
	width: 200px;
	background-color: #000000;
	color: white;
	line-height: 10vw;
}
.flex2{
	flex:1;
	height: 50vh;
	background-color: #3F536E;
	color: white;line-height: 20vw;
}