在 IE7 和 8 中使用 javascript 将内容动态添加到 UI 中答案

【问题标题】：Dynamically adding content to a UI with javascript squashes content below in IE7 and 8在 IE7 和 8 中使用 javascript 将内容动态添加到 UI 中
【发布时间】：2010-10-28 23:52:42
【问题描述】：

谁能帮忙？

我有一个简单的 html 文件，我正在通过 javascript 填充，在 Firefox 中，下面的所有内容都会自动调整大小，因此我添加的内容越多，下面的内容（在另一个 div 中）就会向下移动，但在 IE 中它不会。我正在使用溢出设置为可见

这是 html（部分）- 我正在添加的 id="extras"，我正在添加一些复选框和组合框等

  <ul id="extras" style="padding:0px; margin:0px; list-style:none; ">
  <li style="width:248px; background-repeat:no-repeat; float:left; ">

我使用的 javascript 基本上我已经加载到另一个文件 html 文件中并获取对它的引用并添加控件等。

我唯一的特别之处是将溢出设置为可见，正如我所说的它在 Firefox 中效果很好，但 IE .. 页脚（另一个 div 中的下面的内容）不会调整大小，所以这个内容与页脚重叠 - 好吧有些。

tempDetails.prototype.showData= function() {
    if (this.req.readyState == 4) {
        var container = this.loadedLayer;
        container.style.overflow = 'visible';


        container.innerHTML = " ";
        container.innerHTML = this.req.responseText;

【问题讨论】：

提供你的 html 结构和你的一些 css。你的问题有点不清楚。

标签： javascript html css dynamic

【解决方案1】：

确保您的 float is cleared 或您在 UL 容器上使用 clearfix hack。

【讨论】：