项目场景
页面不需要固定底部的场景
问题描述
修改别人的页面时,发现页面上下滚动的时候,多出来了一个固定的底部。F12的时候对这个多余的固定底部也检查不到元素。
效果类似于如下页面多出了一个无用的空白底部:
![](https://i-blog.csdnimg.cn/blog_migrate/e20e6e473ccbe51bd99aea42a73781c6.png)
解决方案:
后面就是查看页面height设置,看有哪里的height设置的不对。果然搜索到一个造成这种情况的样式设置。将下面截图中的三个框出来的部分都去掉之后,页面就没有这个多出来的固定底部了。
![](https://i-blog.csdnimg.cn/blog_migrate/5a2ed2fc46e628acbdc824438fda99f9.png)
总结:
造成这种情况的原因可能就是position设置,height设置,所以页面主要搜索这两项样式设置,然后去调试,移除某项设置后看页面是否为自己想要的效果。