使用ajax请求的内容在ie下无高度，会被下面的元素挡住

Question

问题描述

使用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的影响都能显示。

这是怎么回事？？？

Answer 1

题主，猫腻是否在position: relative;上？你测试是在IE几？这是数据展现的问题，跟ajax加载数据没关系的。