elementui 下拉框错位问题

Question

大家有遇到过这种问题吗，选中一个值后，下拉框数据就会错乱，应该在下面的值 跑到了右边

```html
 <el-card class="conditional_area">
          <el-row :gutter="24">
            <el-col :span="8" style="margin-left:-40px">
              <span class="label">业务类型:</span>
              <el-select clearable placeholder="请选择业务类型" v-model="businessTypeId" style="width: calc(100% - 76px);">
                <el-option v-for="item in businessTypeList" :key="item.id" :label="item.name" :value="item.id">
                </el-option>
              </el-select>
            </el-col>
            <el-col :span="11" >
              <span class="label">日期:</span>
              <el-date-picker style="width:calc(100% - 76px)" type="daterange" range-separator="至"
                start-placeholder="开始日期" end-placeholder="结束日期" v-model="timeRange">
              </el-date-picker>
            </el-col>
            <el-col :span="5">
             <div style="display: flex; justify-content: right;">
              <el-button class="btnPrimary"  @click="searchClick()">查询</el-button>
              <el-button class="btnBorder" @click="reset()">重置</el-button>
              <el-button class="btnPrimary" @click="exportLog()" :loading="$store.state.exportLoading">导出</el-button>
             </div>
            </el-col>
          </el-row>
        </el-card>

```

Answer 1

没遇到过，看代码没问题。需要检查代码