position:fixed问题

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

移动端BUG汇总-LMLPHP

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

解决方法:

给后一个元素添加一个高度,或者给body加margin-bottom

移动端BUG汇总-LMLPHP

代码如下:

<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>
05-11 14:58