el-button与css样式冲突导致无法点击

<li
            v-for="chapter in chapterNestedList"
            :key="chapter.id">
            <h2>
                {{chapter.title}}
                <span class="acts">
                    <el-button type="text">添加课时</el-button>
                    <el-button type="text" @click="editChapter(chapter.id)">编辑</el-button>
                    <el-button type="text" @removeChapter(chapter.id)>删除</el-button>
                </span>
              </h2>
           

.chanpterList h2{
          float: left;
          /* font-size: 20px; */
          margin: 10px 0;
          padding: 10px;
          height: 70px;
          line-height: 50px;
          width: 100%;
          border: 1px solid #DDD;
        }
           

当样式float:left存在时，页面中的el-button按钮无法点击。未知原因。。。