码迷,mamicode.com
首页 > 其他好文 > 详细

mui底部按钮问题,使按钮一直在屏幕下端固定不动,中间内容上下滑动

时间:2020-06-29 09:54:03      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:手机屏幕   pos   osi   内容   手机   otto   底部   容器   屏幕   

按钮: {
position: ‘fixed‘,
bottom: 0;
}

如果 按钮覆盖了容器的内容,容器加个padding-bottom就行了

容器: {
padding-bottom: 100px;
}

这样的话,按钮会固定在手机屏幕的底部,如果要居中的话要设置

按钮{

margin:auto;

left:0;

right:0;

}

mui底部按钮问题,使按钮一直在屏幕下端固定不动,中间内容上下滑动

标签:手机屏幕   pos   osi   内容   手机   otto   底部   容器   屏幕   

原文地址:https://www.cnblogs.com/zhouheblog/p/13206016.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!