iframe 高度設定為0時還有佔位_iframe佔位

iframe是一個內聯元素，預設是跟baseline對齊的，iframe後邊有個看不見、摸不著的行內空白節點，空白節點佔據著高度，iframe與空白節點的基線對齊，導致了div被撐開，從而出現捲軸，檢視空白節點搗鬼。
解決方案：

設定 iframe 的 vertical-align: top；
設定父 div 的 font-size: 0，從而影響空白節點的 line-height 是0，從而不佔據高度；
改變 iframe 的內聯元素性質，改為塊級元素，display: none。