vue中怎么固定按钮位置？

Question

怎么和下面图片说明一样固定按钮，并将按钮显示在表单右边并齐呢

Answer 1

<style>
    .contianer {
        /* 让内部设置了 position 的元素相对于此元素定位 */
        position: relative;
        /* 父级内容最好滚动条，而不是任由内容撑开 */
        max-height: 300px;
        overflow-y: auto;
    }
    .my-button {
        /* 相对父级定位，处于父级的右下角，距离右边30px、底部50px的位置 */
        position: absolute;
        right: 30px;
        bottom: 50px;
    }

    
</style>

<div class="contianer">
     <div>其他的页面内容</div>
     <div class="my-button">这是要固定的按钮</div>
</div>

上述是相对父级定位的方式

当然也可以直接 postion: fixed，然后设置 right、bottom，相对浏览器来定位