iframe 高度100%时，出现垂直滚动条

iframe=inline frame它是一个内联元素，默认是跟baseline对齐的，iframe后边有个看不见、摸不着的 行内空白节点 ， 空白节点占据着高度，iframe与空白节点的基线对齐，导致了div被撑开，从而出现滚动条。 查看空白节点捣鬼  
找到原因了，解决方案也就简单了。 
第一种，设置iframe的vertical-align:top 
第二种，设置父div的font-size:0，从而影响空白节点的line-height是0，从而不占据高度。 

第三种，改变iframe的内联元素性质，改为块级元素，display:block

参考：http://blog.youkuaiyun.com/wangjun5159/article/details/72609970