2024-06-18整体的左右（sider和main）布局使用的是flex布局，是为了方便sider能够收缩，右边的宽度能自动扩展，并且左边flex-shrink要设置为0，注意这种flex布局下，右边虽然能自动扩展，但是不能超过父容器的范围，需要加一个overflow:hidden，解释请看：flex布局左边宽度固定，右边宽度动态扩展问题右边main使用上下布局，上面的main-header部分正常写就行了，下面的main-body使用了绝对定位，相对的是main这个容器，top就是main-header的高度，并且设_element plus flex

https://www.qianduange.cn//article/12578.html 分类：前端知识