左边盒子高度随右边盒子高度的变化而变化

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