Vue页面底部多了个不需要的固定部分【bug修复】

项目场景

     页面不需要固定底部的场景

问题描述

     修改别人的页面时，发现页面上下滚动的时候，多出来了一个固定的底部。F12的时候对这个多余的固定底部也检查不到元素。

        效果类似于如下页面多出了一个无用的空白底部：

解决方案：

后面就是查看页面height设置，看有哪里的height设置的不对。果然搜索到一个造成这种情况的样式设置。将下面截图中的三个框出来的部分都去掉之后，页面就没有这个多出来的固定底部了。

总结：

    造成这种情况的原因可能就是position设置，height设置，所以页面主要搜索这两项样式设置，然后去调试，移除某项设置后看页面是否为自己想要的效果。