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>
长期更新