咕噜咕噜502
2021-06-29 10:40
采纳率: 100%
浏览 472
已结题

vue中怎么固定按钮位置？

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

  • 赞 踩
  • 收藏

4条回答 默认 最新

  • RealizeInnerSelf丶 2021-06-29 11:00
    已采纳 
    <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，相对浏览器来定位

    已采纳该答案
    赞 踩 打赏 评论
  • 张海智_ 2021-06-29 10:49

    绝对定位

    position: absolute;

    或者

    position: fixed
    赞 踩 打赏 评论
  • 青衫渡-GL 2021-06-29 12:26

    用固定定位定在那个位置

    position：fixed；

    赞 踩 打赏 评论
  • beniyuri 2021-06-29 16:25

    按钮的父元素设置 position:relative,按钮自己设置position:absolute

    然后再设置 rignt top的距离

    可以搜“子绝父相”了解一下定位

    赞 踩 打赏 评论

报告相同问题？

提交

相关推荐 更多相似问题