iframe底部有白边

问题现象

在开发微信公众号网页时，用iframe来展示另一个页面，在测试的时候发现，iframe中的页面滑到底部之后，就在底部出现了一条白线。

问题调查及原因

因为在Android微信、iOS微信、web端均出现该问题，排除平台的原因，应该是样式的原因。
查阅了很多资料，大部分都是说将iframe的margin和padding设为0，但是我设置后仍然不好用。
最后在一个问答网站上找到了答案，因为iframe是内联元素，导致的该问题。

解决方案

因为iframe是内联元素，将其改为块级元素即可。

iframe { display:block; }

致谢

感谢该问题的回答者，附上网址。