Jquery加载与其他页面元素重叠

在html页面中，我有一个div元素，当加载页面时，它将从另一个文件填充

考虑以下代码片段：

<script type="text/javascript">
 $(document).ready( function()
 {
   $( "#index_articles" ).load( "./index-data.txt" );
 });

 <div id="index_articles"></div>

 <b> DUMMY LINES: only for mark the end of loaded data </b>

$（文档）.ready（函数（）
{
$（“#index_articles”）.load（“./index data.txt”）；
});
虚线：仅用于标记加载数据的结束

页面准备好后，文件

index data.txt

将加载到

index_articles

div中。 当然，从文件加载数据将导致div

索引文章

增加其高度维度

我所期望的是

index\u articles

div下面的页面元素将重新定位在修改的div的末尾，而我所拥有的是div

index\u articles

与其他元素重叠

我在这段代码中遗漏了什么

---

我在fedora 17上使用jquery 1.8和firefox 14.0.1

错误在css中，正如Lix和Peter所建议的，但在参数高度中发现：

  height: 70px;

删除高度参数后，index_文章中的文本不再与其他组件重叠

#index_articles {
  display: block;
  width: 70%;
  height: 70px;
  margin-left: 120px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: small;
  text-indent:1em;
   color: green; 
  opacity: 0.8;
}

---

现在的问题是：为什么如果我设置height参数，这似乎会阻止dom页面中其他组件的引用？

没有理由不在html中包含这些内容。这听起来像是

css

问题。您是否在

index_articles

元素或其容器上使用

position:absolute

和/或某些

z-index

属性？正如@Lix所说，您的问题很可能与

CSS

有关-您能否为具有重叠问题的div元素提供

CSS

样式？