移动端web网页底部导航栏与上部分滑动列表重叠

问题遇到的现象和发生背景

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

样式上下部分使用的是固定定位
中间部分内容是子路由渲染的
在最外层盒子高度设置了高度100%

加个padding-bottom

看你的html怎么写的，底层是浮动的还是按照绝对值固定的。不搞清楚胡乱改，表面上效果出来了，但是会出现更多bug。