前端调试--外层div导致的部分页面无法显示

概述

最近因为做毕业设计的原因不擅长前端开发的我也在硬着头皮写着html，css，js。之后会发一些与前端相关的文章。因为毕设是两个人一起完成，就设计到合作开发的问题，本次问题是我们在对前端代码进行重构后发生的，导致前端页面一直无法显示。

重现

正常前端界面：

重构后界面：

出现问题后仔细思考重构后都做了什么，但是只能通过比对两个文件的方式去看，速度很慢，并且误以为是百度api调用的问题，所以一直在查找js逻辑是否错误。
知道在F12调试端讲map类输出后才发现height信息为0有问题，开始聚焦css的问题