解决elmentplus的NavMenu左侧导航栏折叠后高度留空

文章描述了一个在左侧导航栏折叠后高度异常的问题,通过浏览器检查发现折叠样式.el-menu--collapse影响了高度。通过给这个样式添加高度属性为100vh,解决了折叠后高度不正确的问题,并在代码中应用该修改,实现了预期效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

左侧导航栏展开的情况下是正常的

 但是折叠后,高度就只剩下子菜单的高度了。

那么这个问题怎么解决呢?我们通过浏览器查看css属性发现折叠后有一个.el-menu--collapse,没错,肯定就是他了。我们在浏览器给他添加高度试试。

 添加了高度后发现折叠后正常了

 然后我们在代码里面加上就OK了

.el-menu--collapse {
  height: 100vh;
}

大功告成! 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值