今天才發現一個簡單有趣的問題，有關iframe的；
<div style="height: 800px;overflow: auto;"> <iframe src="" width="" height="100%" frameborder="0" scrolling="no"></iframe>
</div>
此時div出現了滾動條，百思不得其解，原來還是老問題，就是因為iframe是行內元素，后面的
空白節點占據着高度，iframe與空白節點的基線對齊，導致了div被撐開，從而出現滾動條
解決方案
第一種，設置iframe的vertical-align:top
第二種，設置父div的font-size:0，從而影響空白節點的line-height是0，從而不占據高度。
第三種，改變iframe的內聯元素性質，改為塊級元素，display:block