Javascript HTML表格中类似css的表格单元格中的布局div

今天我又一次偶然发现了一个css布局的问题。我想在水平方向上有5个div。例如，假设其宽度应为：

• 1:60像素
• 2:30%
• 3:40px
• 4:*
• 5:100px

其中*表示“填充剩余空间”。回到过去，这就是我们布置宽度表的方式。现在由于可访问性的原因，html表格被禁止用于布局。这只是一个例子。我在寻找一个普遍的解决办法

有人知道一个生成器、一个轻量级javascript解决方案（可以是一个jQuery插件）、一本教程、一本书或一个魔术师可以帮助我解决这个问题吗

尽管基于javascript的解决方案是可能的，但非脚本解决方案将是首选。

您可以使用它来创建此效果，我做了一个简短的说明

这使得单个

div

的行为类似于表单元格，而

部分是表，我使用了一个部分来获得更干净的代码，一个
div
也可以工作

如果窗口太小，您会注意到表格单元格会比您指定的小，这是因为表格的默认行为。要解决这个问题，只需添加一个最小宽度（与宽度值相同）

#第1部分{
宽度：60px；
}
#第二组{
宽度：30%；
}
#第三组{
宽度：40px；
}
#第四组{
}
#第五组{
宽度：100px；
}
.布局{
显示：表格；
}
.细胞{
显示：表格单元格；
}​


类DIV表
1.
2.
3.
4.
5.

​交叉你的手指！有了最近的兄弟，你现在就可以做到了
 浮动所有div-left有什么问题？@bobek浮动所有div-left不会使div n.4扩展以填充剩余空间，而
s将使我不必支持浏览器