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

原因：
iframe = inline iframe 它是一个内联元素，默认是跟 baseline 对齐的 ， iframe 后边有个看不见，摸不着的 行内空白节点，空白节点占据着高度，iframe 与空白节点的基线对其，导致了 div 被撑开，从而出现滚动条

解决方案：
① 设置 iframe 的 vertical-align : top ;
② 设置父 div 的 font-size : 0 ; 从而影响空白节点的 line-height 是0，从而不占据高度。
③ 改变 iframe 的内联元素性质，改为块级元素，display : block ;