三列/两列布局是最常使用的布局，
三列：左右两列固定宽度，中间列宽度自适应浏览器宽度；
两列：侧栏列固定宽度，内容列宽度自适应浏览器宽度；

实现这两种布局的方法有多种，这里介绍两大类：

第一， float方法，

最经典，也是浏览器支持最广泛
具体实现参考float实现三列/两列布局

第二， flex方法，

简单清晰，现代浏览器支持

针对三列：

.wrapper{
   display: flex;
   align-items: flex-start; // no same height
}
.left{
  flex: 0 0 300px;// 300px is left width
}
.right:{
  flex: 0 0 200px;// 200px is right width
}
.center{
  flex: 1 1  auto;
}

针对两列：

.wrapper{
     display: flex;
     align-items: flex-start; // no same height
}
.aside:{
  flex: 0 0 200px;// 200px is aside width
}
.content{
  flex: 1 1  auto;
}