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