Flex左右布局,高度相等自适应

css:


//body高度要撑开
html,body{
	min-height: 100%;
	height: 100vh;
}
//父级
.box-fix{
    min-height: 100%;
    display: flex;
	justify-content: space-between;
}
子级
.main-left{
	// width: 210px;
    // flex: 0 0 210px;
	flex: 1 auto;
	height: auto;
}
.main-right{
	flex: 1;
}

 

你可能感兴趣的:(css/css3,html)