问题描述

使用ajax请求的数据列表，在ie下没有高度，会被下面的元素挡住。

例子

DOM结构

 <div class="container">
    <div class="sec sec1">
         <div class="content">
              <div id="datalist">
              </div>
         </div>
    </div>
    <div class="sec sec2"><div class="content"></div></div>
</div>

CSS样式

 .container{/*overflow: hidden;*/}
.content {position: relative;width: 400px;margin: 15px auto}
.sec2 .content {background: url(img.jpg) no-repeat;width: 400px;height: 100px;}

结果如下：

可以看到列表被挡住了。

如果给 .container 设置 overflow: hidden; 或者把 .content 的 width 去掉就会正常显示：

只有ajax请求的内容会出现这种情况，正常的文档流内容不受 overflow 跟 width 的影响都能显示。

这是怎么回事？？？