欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-01 12:34:05
...

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;
	height: auto;
}
.main-right{
	flex: 1;
}

 

相关标签: css/css3 html