关于ie6下iframe的高度bug

有个三列布局：

 

<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了！