css div左右布局

div左右布局

htm代码

<div class="content-box">
				<div class="left">div>
				<div class="right">div>
			div>
1
2
3
4

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;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16