为什么下拉菜单的位置显示不正确？

Question

enter image description here   当我第一次单击该图标时，下拉菜单显示如下：

enter image description here   但是当我再次单击它时，下拉菜单显示如下：

这是我的代码：

<el-dropdown trigger="click" style="float: right;display: inline-block;" placement="top">
  <span class="el-dropdown-link">
    <i class="menu-toggle fw-toggle fa fa-history fa-1x" split-button="true" @click="getTimestamp()"></i>
  </span>
        <el-dropdown-menu slot="dropdown">
            <el-dropdown-item v-for="item in options">{{item}}</el-dropdown-item>
        </el-dropdown-menu>
    </el-dropdown>

请告诉我为什么，我只想显示第二种样式。