现在的位置: 首页 > 综合 > 正文

关于ie6下iframe的高度bug

2018年06月09日 ⁄ 综合 ⁄ 共 527字 ⁄ 字号 评论关闭

有个三列布局:

 

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

抱歉!评论已关闭.