1. flex布局
html
<div class="content clearfix">
<div class="left-box"><span>我是左侧</span></div>
<div class="right-box">
我是右侧我是右侧我是右侧我是右侧我是右侧我是右
我是右侧我是右侧我是右侧我是右侧我是右侧我是右侧我是右侧我是右侧我是右侧
我是右侧我是右侧我是右侧我是右侧我是右侧我是右侧侧我是右侧我是右侧</div>
</div>
css
.content {
background: pink;
display: flex;
flex-direction: row;
justify-content: center;
}
.left-box {
width: 200px;
background: #CDDC39;
}
.right-box {
height: 200ox;
width: 300px;
background: #d66363;
}