css div左右布局

div左右布局

htm代码

<div class="content-box">
				<div class="left"></div>
				<div class="right"></div>
			</div>

css样式

.content-box{
	height: 100%;
	width: 100%;
    display: flex;
}
.left{
	display: block;
	width: 50%;
	background-color: green;
	
}
.right{
	flex: 1;
	width: 50%;
	background-color: powderblue;
}