1. 程式人生 > >iframe 高度100%時,出現垂直滾動條

iframe 高度100%時,出現垂直滾動條

簡單來說,iframe=inline frame它是一個內聯元素,預設是跟baseline對齊的,iframe後邊有個看不見、摸不著的行內空白節點, 空白節點佔據著高度,iframe與空白節點的基線對齊,導致了div被撐開,從而出現滾動條,找到原因了,解決方案也就簡單了。
第一種,設定iframe的vertical-align:top
第二種,設定父div的font-size:0,從而影響空白節點的line-height是0,從而不佔據高度。
第三種,改變iframe的內聯元素性質,改為塊級元素,display:block。