移动端BUG汇总

最新推荐文章于 2023-02-10 15:54:21 发布

会做饭的技术男

最新推荐文章于 2023-02-10 15:54:21 发布

阅读量197

点赞数

分类专栏：前端

原文链接：https://www.mk2048.com/blog/blog_h2i2hh2i00kj.html

版权

前端专栏收录该内容

2507 篇文章 12 订阅

订阅专栏

position:fixed问题

固定定位到底部会把最后一个元素盖住

你会发现最后一个字被盖住了，并且还滚动不下去。

解决方法：

给后一个元素添加一个高度，或者给body加

margin-bottom

代码如下：

<p>
    啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
    啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
    什么什么什么什么什么什么什么啊啊啊啊
</p>
<div id="box"></div>

<style>
    body::after{
        content:'';
        display:block;
        margin-bottom:50px;
    }
    p{
        width:3px;
    }
    #box{
        position:fixed;
        left:0;
        bottom:0;
        width:100%;
        height:30px;
        background-color:red;
    }
</style>