el-aside 给了固定宽度 在el-aside下写了有横向滚动条的el-menu el-menu-item选中颜色被截取了 如何解决
时间: 2023-11-22 17:23:49 浏览: 259
这个问题可能是由于 el-aside 的固定宽度导致 el-menu 的宽度超出了 el-aside 的宽度,从而导致 el-menu-item 选中颜色被截取。
解决方法可以尝试以下两种:
1. 调整 el-aside 的宽度,让它能够容纳 el-menu 的宽度。可以通过调整 el-aside 的样式或者使用响应式布局来实现。
2. 为 el-menu 添加一个容器,并为该容器设置横向滚动条。具体实现可以参考以下代码:
```html
<div style="overflow-x: auto;">
<el-menu>
<el-menu-item>选项1</el-menu-item>
<el-menu-item>选项2</el-menu-item>
<el-menu-item>选项3</el-menu-item>
<el-menu-item>选项4</el-menu-item>
<el-menu-item>选项5</el-menu-item>
<el-menu-item>选项6</el-menu-item>
<el-menu-item>选项7</el-menu-item>
<el-menu-item>选项8</el-menu-item>
<el-menu-item>选项9</el-menu-item>
<el-menu-item>选项10</el-menu-item>
</el-menu>
</div>
```
这样,el-menu 就能够在容器内滚动,而不会超出 el-aside 的范围,从而解决选中颜色被截取的问题。
阅读全文