admin管理员组

文章数量:1611401

文章目录

  • 前言
  • 一、需求？
  • 二、实现
    • 1.使用fiexd
    • 2.解决办法
  • 总结

前言

我们常常会有这种需求,提交按钮始终保持在手机底部。

一、需求？

二、实现

1.使用fiexd

这时候我们一般都会给按钮的盒子设置fiexd


但是仅仅是这样设置会挡住内容的部分内容

2.解决办法

通过给父盒子设置一个padding-bottom,高度为按钮盒子的高度,再给按钮盒子设置一个和主题相符合的背景颜色,可以解决此问题


总结

通过position: fixed搭配父盒子padding-bottom就可以做出完美的按钮吸底效果了。如果不加padding-bottom容易挡住内容的部分

本文标签： 解决办法按钮内容Positionfixed

版权声明：本文标题：position: fixed；设置吸底按钮.挡住内容,问题解决办法 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1728604118a1165235.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。