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;
}