Button失效问题-- style - float

今天发现了一个很奇怪的前端问题，就是form表单的按钮全部失效，点击没有反应，而且鼠标移上去都不出现手指头

对于下面这段html代码，实在是找不出什么问题

<el-form v-if="isComplainView" :inline="true" size="small" :disabled="disabled">
            <el-form-item v-if="this.$route['params'].showBack">
                <el-button type="success" @click="back()" style="float: right">返回</el-button>
            </el-form-item>
            <el-form-item style="float: right; margin-right: 0">
                <el-button v-for="e in buttons" :key="e.key" type="primary" @click="showDialog(e.type, e.name, e)" :loading="e.loading">{{e.name}}</el-button>
                <el-button type="danger" size="small" @click="refresh()" :loading="loading">刷新权限</el-button>
            </el-form-item>
        </el-form>

但是里面有一个样式 style：float：right

后面我自己各种尝试，网上也没有找到原因，然后怀疑是不是样式的问题，就把下面的另一个button移到下面一行，不使用float样式，变成这样

然后奇迹般的按钮恢复正常，可以点击了（虽然没有确定原因，但是基本就确定是style的问题了）