多列布局

两列 一列定宽 另一列自适应（或 一列不定宽 一列自适应）

<div class="parent">
    <div class="left"></div>
    <div class="right"></div>
</div>

方法一：

      .left{float:left;width:100px;}
      .right{margin-left:100px;}

方法二：

 .left{float:left;width:100px;}
 .right{overflow: hidden}

方法三：

 .parent{display: flex}
 .left{width:100px;}
.right{flex:1;}

注意：通常用flex布局都是在小范围内做的，因为它是根据内容自适应的，影响性能