el-button添加浮动样式后点击无效

解释：

在使用Element UI（或其他Vue组件库）的el-button组件时，如果添加了浮动样式（如float: left或float: right），可能会导致按钮点击事件失效。这是因为浮动元素从文档流中移除，不再占据空间，所以其上面的元素会看起来“穿透”了浮动元素，实际上是触发了下面的元素的事件。

解决方法：

1. 清除浮动：在el-button的父元素上添加clearfix类（或者自定义的类名），并添加相应的CSS样式来清除浮动影响。

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

<div class="clearfix">
  <el-button @click="handleClick">Click Me</el-button>
</div>

2. 使用Flexbox或Grid布局代替浮动。

.flex-container {
  display: flex;
  justify-content: flex-start; /* 或 flex-end，根据需求调整 */
}

<div class="flex-container">
  <el-button @click="handleClick">Click Me</el-button>
</div>

3. 使用position属性代替float，例如使用absolute或relative定位。

.absolute-positioned-button {
  position: absolute; /* 或 relative */
  left: 10px; /* 或 right: 10px */
}

<el-button class="absolute-positioned-button" @click="handleClick">Click Me</el-button>

选择合适的方法解决浮动造成的布局问题即可。