关于百度地图自动生成的 iframe 产生的间隙

今天在美化前同事写的屎界面的过程中，发现只要一进到特定的页面，网站底部就会出现一小段空白，使用控制台从外到内翻了一遍，也没找到这段空白从哪来。最后发现，只要进到使用百度地图的页面，网站底部就会出现空白，再仔细一看，进入使用百度地图的页面后，body 标签内就会生成一个 iframe 子标签，把这个标签删除后，那个空白就消失了。可是，iframe 标签的高度是 0。

使用 “百度地图 iframe 空白”作为关键词进行搜索，发现只有一个结果与我的问题相关，他的做法是使用定时器去清理 iframe，我不想在 VUE 中使用原生函数去修改 DOM。便转变思路，试试查了查 “iframe height 0”，果然，在 StackOverflow 上找到了结果。因为这个 iframe 是内联元素，所以就算 height 为 0，也会存在一个高度，所以，只需要将 iframe 的 display 设为 block 就好了。不过，我当时试过给 iframe 加上了 font-size: 0，没生效，还以为不是内联元素的问题呢。