请问el-dropdown-item想要在底端加上“查看全部”div，但发现挤到上面位置了，请问如何修改

Question

如图，“查看全部”文字挤到列表的divider上了，请问该如何调整，请赐教。

 <el-dropdown>
        <a-icon @click="noticeVisible = true"
                style="margin-left:30px;font-size: 20px;cursor: pointer" type="notification" />
        <el-dropdown-menu slot="dropdown">
          <el-dropdown-item v-for="item in data" style="width: 300px" :key="item.id">
            <div style="line-height: 1.7em"><span class="el-icon-s-promotion" style="margin-right: 10px"></span>{{item.content}}</div>

            <a-divider style="margin: 5px 0 0 0"/>

          </el-dropdown-item>

          <a style="position:absolute;cursor:pointer;right: 10px;bottom: 10px;margin-bottom:10px;margin-top:10px">查看全部</a>
        </el-dropdown-menu>


      </el-dropdown>

Answer 1

position:absolute改成相对定位position:relative