按钮在页面上相对定位排列

最新推荐文章于 2023-10-13 15:45:11 发布

未来的农场主

最新推荐文章于 2023-10-13 15:45:11 发布

阅读量476

点赞数

文章标签： vue.js javascript html

本文链接：https://blog.csdn.net/farmss/article/details/121428450

版权

//在父级div上加style="position: relative"，代表绝对定位
<div class="us-details" style="position: relative">
    
    //在子级div上加style="position: absolute;right:20px;bottom:56px"，
    //其中position: absolute代表相对定位，right:20px;bottom:56px"代表在父级div框架中靠右下排列
    <div style="position: absolute;right:20px;bottom:56px">
       <el-button style="float:right" 
         class="btn" type="preview" plain @click="preview()">查看签约协议</el-button>          
    </div>

</div>