Question

在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>

当页面准备就绪时，文件index-data.txt将加载到index_articles div中。当然，从文件加载数据会导致div index_articles增加它的高度尺寸。

我期望的是index_articles div下方页面的元素将在修改后的div的末尾重新定位，而我所拥有的是div index_articles与其他元素重叠。

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

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

Answer 1

错误是在Lss和Peter建议的css中，但是在参数高度中找到了：

  height: 70px;

删除height参数后，index_articles内的文本与其他组件没有更多重叠。

#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页面中其他组件的引用？

Jquery加载重叠其他页面元素

1 个答案: