有個三列布局:
<div id="left">...</div>
<div id="middle">...</div>
<div id="right">...</div>
樣式上已經給三個div加了寬度和左浮動,佈局沒問題。
程序員要把右面的div用iframe來實現,即把#right的浮動和寬度加到了iframe上面,<div id="right">...</div>放到了iframe裏面。如下:
<div id="left">...</div>
<div id="middle">...</div>
<iframe>
<div id="right">...</div>
</iframe>
iframe的高度是由程序來控制的,高度不定。
結果,在ie7及firefox下都沒問題,但在ie6中,iframe上面出現了空白。仔細查看,空白的高度跟動態計算出的iframe高度是一樣的。
這種問題比較蹊蹺,還沒等我找出解決方法,程序員告訴我,弄好了,原來,他在iframe的外層又加了個div,看來ie6對div和iframe的解析還是不同的。
有時候,費勁力氣找解決方法,還不如直接修改頁面結構來的快。何況,找半天還不一定找出這詭異的問題的解決辦法,唉,恨死ie6了!