iframe 高度设置为0时还有占位_iframe占位

iframe是一个内联元素，默认是跟baseline对齐的，iframe后边有个看不见、摸不着的行内空白节点，空白节点占据着高度，iframe与空白节点的基线对齐，导致了div被撑开，从而出现滚动条，查看空白节点捣鬼。
解决方案：

设置 iframe 的 vertical-align: top；
设置父 div 的 font-size: 0，从而影响空白节点的 line-height 是0，从而不占据高度；
改变 iframe 的内联元素性质，改为块级元素，display: none。