问题描述

首先实现按钮固定在页面底部，需要设置按钮的position为fixed
然后页面一些内容被底部固定的按钮遮挡住了，导致显示不全

在这里插入图片描述

方法1

在页面内容最下面写一个透明div，设置这个透明div的宽和高； width: 100%; height: 60px;
在这里插入图片描述

方法2

在vue单页面最外面div加 padding-bottom：60px；
在这里插入图片描述

最终效果完美实现

在这里插入图片描述

# css # html
Logo
Vue

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐

cover

Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试

avatar Vue
cover

基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计

avatar Vue
cover

ElasticSearch迁移至openGauss

avatar Vue