el-aside里放el-menu 存在空白

el-aside里放el-menu 存在空白 调整aside的大小 menu大小也会改变 仍然存在空白区

app.vue

<template>
  <div id="app">
    <el-container>
    <el-aside >
      <Sidebar></Sidebar>
    </el-aside>
     <router-view></router-view>
     </el-container>
  </div>
</template>

Sidebar.vue

<el-col :span="17">
  <el-menu
    default-active="2"
    :router="true"
    background-color="#263441"
    text-color="#fff"
    active-text-color="#fff"
  >
    <el-menu-item index="/backOverview" class="top">
      <span slot="title">返校总览</span>
    </el-menu-item>

    <el-menu-item index="/backManage">
      <span slot="title">返校管理</span>
    </el-menu-item>
    <el-submenu index='1'>
      <span slot="title">返校详情</span>
      
        <el-menu-item index="notBack">未返校</el-menu-item>
        <el-menu-item index="backed">已返校</el-menu-item>
        <el-menu-item index="notApply">未申请</el-menu-item>
      
    </el-submenu>
    <el-menu-item index="/adminManage">
      <span slot="title">权限管理</span>
    </el-menu-item>
    
  </el-menu>
</el-col>

我想要达到的结果

 <el-container>
    <el-aside >
这2个要设置宽度

看下<el-col :span="17"是不是你这个引起的，自己用审查元素看下是哪个元素引起的，然后自己再写个css,用!important去覆盖原来的样式