vue3中怎样取消掉.el-main中的flex-basis: auto；

如果您想在Vue3中取消.el-main的flex-basis: auto，您可以使用CSS样式覆盖该属性。具体来说，您可以使用以下CSS代码来重写.el-main元素的flex-basis属性：

.el-main {
  // 覆盖掉原本的样式
  flex-basis: unset !important;
  // 宽度根据自身情况进行调整
  width:85%;
}

在这个CSS代码片段中，我们可以使用unset关键字来取消.el-main元素的flex-basis属性，并使用!important来确保这个样式优先级最高。这样做可以确保.el-main元素不再具有flex-basis: auto的属性。

使用场景：

比如说：当你遇见你所写的整个main组件挤压旁边的菜单栏时，可以使用这个方法进行解决。