Html 弹性箱。两列，一列最小宽度

正文{
保证金：0；
} 
.包装纸{
最小高度：100vh；
背景：#ccc；
显示器：flex；
弯曲方向：立柱；
}
.页眉，.页脚{
高度：50px；
背景:#666；
颜色：#fff；
}
.内容{
显示器：flex；
弹性：1；
背景：#999；
颜色：#000；
}
.栏目{
显示器：flex；
弹性：1；
}
梅因先生{
弹性：1；
顺序：2；
背景：#eee；
最小宽度：200px；/*例如*/
}
.首先是侧边栏{
宽度：20%；
背景：#ccc；
顺序：1；
}

标题：固定高度
内容：宽度灵活，但最小
边栏第一：固定宽度
页脚：固定高度

设置。主设备到flex:1 0 200px

---

没完没了地？超过屏幕宽度？既然代码可以工作，它怎么不适合你？

.main{
  flex: 1 0 200px;
  order: 2;
  background: #eee;
}