element-plus侧边导航栏宽度突出一点解决方案

问题描述

        最近在学习用element-plus搭建我的网站，用到了侧边导航栏，给外层的div设置了高度后发现怎么有突出的地方看起来很不顺眼，一时间以为是卡了又是清缓存，又是重启项目的。后面审查元素发现是element的子元素少了1xp和外层div相差了1px，造成了视觉上突出的效果。

 

        然后就是找这个1px到底差在哪，后面找到是发现element给这个el-emnu加上了与一个右边框border，因为边框是算在总宽度里面的嘛，所以就挤压了一点让颜色缩进了一些。

解决方案

        那知道问题所在了那就尝试解决一下吧，直接在<el-menu>标签上加上  style="border-right: none;"  就能解决问题。但是不方便阅读，你可以在样式表中选择el-menu给他单独写一个样式