咕噜咕噜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的距离

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

    打赏 评论

相关推荐 更多相似问题