互联网浏览器8 - 调整大小时Div消失

3

我有一个页面在Firefox和Chrome中运行良好。然而,当浏览器被调整大小时,IE 8决定不显示一个div。大部分页面看起来很好,但是我用于内容的div却不行,在IE中调整大小后就消失了。

<div id="wrapper">
   <div id="innerWrapper" style="width:215px;">
        <div id="mainColumn" style="height:750px; width:600px; float: left; clear:both; position:absolute;">
             <div id="mainContent" style="float:left; ">
                     content here disappears on resize.
             </div>
         </div>
     </div>
</div>

如果你在谷歌上搜索“Internet Explorer 调整大小元素消失”,似乎这个 bug 自 IE 6 以来就一直存在。然而,微软对这个问题似乎相当沉默。 - mydoghasworms
2个回答

10

你遇到了“haslayout”缺陷链接

最简单的方法是给你的包装元素设置高度。一种简单的hack方式是设置高度为1%,这应该可以解决你的消失的div问题。


1

如果您将位置设置为绝对或相对于错误的容器,则它也会出现此问题,这是IE bug“如上所述的haslayout”的一部分。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接