Html 使div在IE6和IE7/FF中看起来相同

我有一个Div，里面有五个float Div：

var div=document.createElement("div");
div.className="cssDivNino";

var divFolio=document.createElement("div");
divFolio.className="cssFolio";
div.appendChild(divFolio);

var divCurp=document.createElement("div");
divCurp.className="cssCurp";
div.appendChild(divCurp);

var divNombre=document.createElement("div");
divNombre.className="cssNombre";
div.appendChild(divNombre);

var divLocalidad=document.createElement("div");
divLocalidad.className="cssLocalidad";
div.appendChild(divLocalidad);

var divClear=document.createElement("div");
divClear.className="clear";
div.appendChild(divClear);

divFolio.innerHTML= someData;
divCurp.innerHTML= someData;
divNombre.innerHTML= someData;
divLocalidad.innerHTML= someData;

这是css：

.cssDivNino {padding: 0; margin: 0}
.cssFolio {font-family:arial; font-size:10px; color:#000000; background-color:#FFFFFF; float: left; width: 7%; margin-right: 1%; padding: 0}
.cssCurp {font-family:arial; font-size:10px; color:#000000; background-color:#FFFFFF; float: left; width: 17%; margin-right: 1%; padding: 0}
.cssNombre {font-family:arial; font-size:10px; color:#000000; background-color:#FFFFFF; float: left; width: 36%; margin-right: 1%; padding: 0}
.cssLocalidad {font-family:arial; font-size:10px; color:#000000; background-color:#FFFFFF; float: left; width: 35%; margin-right: 1%; padding: 0}
.clear { clear:both; width: 0%; height: 0; padding: 0; margin: 0; border: thin; border-color:#000000}

这就是它的外观。请注意IE6上子div下的父div的额外空间

我已尝试使用javascript解决此问题：

div.style.height = divFolio.style.height;

但它不起作用。

请注意：

您只需对这些数据使用

，就可以省去很多麻烦，这些数据是表格格式的

与让浏览器只呈现原始HTML相比，通过DOM构建这些东西的速度慢得惊人。只是一些需要注意的事情

无论如何，我会立即尝试将container div

.cssDivNino

也向左浮动，明确地将上下边距设置为0，并密切注意以下几点：

您只需对这些数据使用

，就可以省去很多麻烦，这些数据是表格格式的

与让浏览器只呈现原始HTML相比，通过DOM构建这些东西的速度慢得惊人。只是一些需要注意的事情

---

无论如何，我会立即尝试将container div

.cssDivNino

也浮动到左侧，明确地将上下边距设置为0，并密切关注

我同意Tpiptych，但为了实现这一点，如果我想实现这一点，我最终会为缺陷浏览器使用不同的样式表（在本例中为IE6）

请注意，您可能无法获得100%的相同外观，您可能需要为IE6设计稍微不同的外观

即使在我写了这篇文章之后，我仍然支持这个解决方案

嗯

---

关于，
Frank

我同意Tpiptych，但为了论证起见，如果我想实现这一点，我会在缺陷浏览器中使用不同的样式表（在本例中为IE6）

请注意，您可能无法获得100%的相同外观，您可能需要为IE6设计稍微不同的外观

即使在我写了这篇文章之后，我仍然支持这个解决方案

嗯

---

关于，
Frank

是的-这是表格数据，它应该在表格中，语义是双向的Ep-这是表格数据，它应该在表格中，语义是双向的。如果你发布实际生成的HTML而不是Javascript，人们会更容易帮助调试。如果你发布实际生成的HTML而不是Javascript，人们会更容易帮助调试。只是好奇-HTH是什么意思？只是好奇-HTH是什么意思？