我应该使用Table还是DIV来实现这种结构？

Question

在启动此应用程序的HTML Prototype之前，需要一些方便的指南。请在下面找到模型屏幕。

Mockup screen

我需要使用液体布局制作此结构，以便根据分辨率进行调整。

请问我是否应该使用左侧漂移的DIV，或者我可以使用表来实现这种结构吗？

由于 Lokesh Yadav

Answer 1

对我来说似乎是一个很好的div方法。 Floats似乎是实现这一目标的典型方法，但我个人总是发现display: inline-block是实现这些布局的极其有用的工具。

Answer 2

使用表格会容易得多。表格自然是表格式的。从未见过非表格的表格。

整张桌子与div完全被夸大了。我确实同意使用表格来设计布局并不是一个好主意，但它是旧时代CSS支持有限的原因。

然而，对于那些远远宣布表格无表格的人来说太过分了。所有表格都是自然的表格，通过表格，你实际上加强了它的表格结构。

我们可以争辩说，我们不应该将表用于日历，因为从技术上讲，日历是表格我们方便，而不是因为日期本身是表格！

Answer 3

就个人而言，我会在div中构建它。我有一个formrow div，然后包含左浮动div中具有指定宽度的每个列。

Answer 4

我想：

• 最佳方式是使用a DIV漂浮但更难 代码，因为你想要一个表格式 你必须计算确切的宽度 任何div（以像素或百分比表示）。

• 更简单的方法是使用TABLES 列跨度。