当前位置:   article > 正文

【签到】如何将button按钮固定在页面底端_按钮固定在页面底部

按钮固定在页面底部
前言

一路走来,还的感谢各位的指导与帮助,言归正传哈。小编在项目中有一个将button按钮固定在页面底端的功能,通过查阅,但是由于小编的粗心,再加上小编阅历比较浅,本项目引用了mui的控件,多少是有点区别的,所以导致小编不能一下解决。以下是最终解决结果。

Html
<button type="submit" style="z-index:9999;" class="btn btn-block" (click)="addteachclass()">加入班课</button>
  • 1
css
/* 添加班课样式 */
.btn-block{
    position: fixed;  //将button按钮固定在页面底部,注意,:和;是英文的哦,一定不要写成中文哦。
    bottom: 5px;
}
  • 1
  • 2
  • 3
  • 4
  • 5
效果

这里写图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/93632
推荐阅读
相关标签
  

闽ICP备14008679号