利用flex容器进行后台系统的设置,在最外层的div盒子设置float:flex;布局
![](http://120.27.222.121/wp-content/uploads/2020/10/图片-87-1024x441.png)
![](http://120.27.222.121/wp-content/uploads/2020/10/图片-86.png)
![](http://120.27.222.121/wp-content/uploads/2020/10/图片-88.png)
contanier设置伸缩盒布局,行布局,对头部绿色部分进行定宽定高。
![](http://120.27.222.121/wp-content/uploads/2020/10/图片-89.png)
对于左侧的导航框也进行伸缩盒设置,占据200px的位置,将hover的触发颜色设置成同li背景颜色相同
利用flex容器进行后台系统的设置,在最外层的div盒子设置float:flex;布局
contanier设置伸缩盒布局,行布局,对头部绿色部分进行定宽定高。
对于左侧的导航框也进行伸缩盒设置,占据200px的位置,将hover的触发颜色设置成同li背景颜色相同