解决问题:el-menu右边的border-right显示高度不全, 如下图所示。

在这里插入图片描述

我的情况是上面有个logo 下面是el-menu组件,如果按照网上的给el-menu设置height: 100vh; 或者类似的方法,则会出现滚动条,因为我的logo有固定高度。

如果按照网上的方法设置结果如下,会出现滚动条,刚好空出我的logo高度,下面是在游览器工具layer里面看到的效果。

在这里插入图片描述

我的解决办法很简单, 父盒子使用使用弹性盒子布局属性,el-menu给 flex:1; 的样式,也就是自动占满剩余空间即可。

样式设置:

在这里插入图片描述

页面效果:

在这里插入图片描述

GitHub 加速计划 / eleme / element
13
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:21 天前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐