在Firefox问题中渲染Div

Question

我想在firefox中渲染这样的东西

<div style="float:left"> Row1,Column1 </div>
<div>
  Row 1,Column2 
  <div> Content 1 n Row1,Column2 </div>
  <div> Content 2 in Row1,Column2 </div>
</div>

在IE中它工作正常,但在firefox中会发生什么是Row1,column2不会堆叠一个在另一个之下.

[Row1,Column2中的Content2]低于内容[Row1,Column1].

有人可以帮我解决这个问题.

我不想使用表格.不能使用它们.

谢谢,本

[更新]这是我想要实现的,即在渲染div之后,它应该是这样的.

[Row1,Column1] [Content 1 n Row1,Column2]
               [Content 2 in Row1,Column2]

在IE中它可以工作,但在Firefox中它呈现这样

[Row1,Column1] [Content 1 n Row1,Column2]
               [Content 2 in Row1,Column2 dsfdsf sdfdsf

fsdfdsfdffsf]

这是问题所在

我不能复制这里的CSS,但这最终归结为它

Answer 1

你要做的是不会工作.

如果您根本无法使用表格元素,那么您将需要使用"单元格"的修复高度和宽度,或者您的Web应用程序中的行和列将永远不会排列.

如果您想要包含列和行的TABULAR数据,请使用表.这就是它们的用途.(来自alistapart的一篇文章应该对你具有权威性,请搜索"你是说HTML表已经死了？")