最近在使用iframe時候遇到一個不大不小的問題：用一個div包裹一個iframe，但無論如何，div的高度都比iframe高了4px。百思不得其解，后來在網上多方查找，才發現問題的根源所在。
那么究竟是什么問題導致了這個情況的發生呢？沒錯，就是應為它；請看！
當然有問題就要解決，解決的具體方案就是給iframe添加屬性：vertical-align:bottom;或者display:block;?
原理就是：
vertical-align:bottom;表示把元素的頂端與行中最低的元素的頂端對齊。即是以元素底線作為與父元素垂直對齊的基線。
display:block;表示將元素轉換為塊級元素。iframe本身是一個內聯框架，他本身是從div中分出了一部分空間，作為自己的空間，而將其轉換為塊級對象時，他就會自己從新的一行開始顯示內容，而不依賴于div。
