左右自适应布局

/**
.container
  .left
  .main
*/
.container {
  display: flex;
}

.left {
  flex-basis: 300px;
  flex-shrink: 0; // 防止 .main 区域过大挤压 .left 区域
}

.main {
  flex-grow: 1;
}