el-cascader宽度限制，超出显示滚动条

<style lang="scss">
.el-cascader {
  width: 100%;
}
.gy-cascader{
  max-width: 500px;
  overflow-x: auto;
  &::-webkit-scrollbar-track-piece {
    background-color: #f8f8f800;
  }
  &::-webkit-scrollbar {
    transition: all 2s;
    height: 6px;
  }
  &::-webkit-scrollbar-thumb {
    background-color: #ebeaef;
    border-radius: 10px;
  }
  &::-webkit-scrollbar-thumb:hover {
    background-color: #bbb;
  }
  &::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 10px;
  }
  &::-webkit-scrollbar-corner {
    background-color: rgba(255, 255, 255, 0);
  }
}
</style>

<el-cascader
    v-model="ruleForm.category_names"
    popper-class="gy-cascader"
    :options="ProjectOption"
    :props="{ value:'id' }"
    clearable
    filterable
    :show-all-levels="false"
    @change="handleChange"
 />