How is it that the width of the submenu is more than 1px after the element UI navigation bar is expanded?

  1. copied items on the official website side navigation , it is OK not to set the width of el-aside , but there is a problem after < el-aside width=" 200px "> .

clipboard.png

<el-container>
        <el-aside width="200px">
          <el-row class="tac">

            <el-col :span="24">
              <el-menu
                default-active="2"
                class="el-menu-vertical-demo"
                unique-opened
                @open="handleOpen"
                @close="handleClose"
                background-color="-sharp545c64"
                text-color="-sharpfff"
                active-text-color="-sharpffd04b">
                <el-submenu index="1">
                  <template slot="title">
                    <i class="el-icon-location"></i>
                    <span></span>
                  </template>
                  <el-menu-item index="1-1">1</el-menu-item>
                  <el-menu-item index="1-2">2</el-menu-item>
                </el-submenu>
                <el-submenu index="2">
                  <template slot="title">
                    <i class="el-icon-location"></i>
                    <span></span>
                  </template>
                  <el-menu-item index="2-1">1</el-menu-item>
                  <el-menu-item index="2-2">2</el-menu-item>
                </el-submenu>
              </el-menu>
            </el-col>
          </el-row>
        </el-aside>
        <el-main>
          <main-content></main-content>
        </el-main>
      </el-container>
Mar.30,2021

the same question, I also encountered the problem of this hole.
the
solution caused by the. el-menu style is as follows:
clipboard.png

Menu