作为一个后端程序员，我承认 CSS 这东西我这辈子也不可能彻底搞明白了。所以退而求其次吧，我就是按需使用。很多时候，我其实就是要个主界面布局。 比如说很多后端都会遇到的后端管理系统，它其实就是顶部一个 header ，下面分左右两栏，左边是菜单栏，右边是内容区域，菜单栏有个按钮，点了会折叠起来，有的系统是彻底折叠菜单栏，有的折叠起来但是留出图标宽度。每家都有自己的细节上的一点区别。现在我就是想抄这个主界面布局，抄出主界面了后其它的部分就自己慢慢填充了。但是，这个主界面布局该怎么抄呢？
不用抄啊，直接 flex 布局。就像你 header,sidebar,content,footer 那就 header main footer 一个上下布局。 main 里面再一个 display flex 左右对齐 包着 sidebar 和 content 。sidebar 设定具体的宽度。剩下 conteng 区域就是展示列表了。
