CSS 网格问题

Question

这是代码示例:http://jsfiddle.net/gubvw/3/

如果您通过在测试窗口中拖动 sizer 来慢慢更改屏幕大小，您会看到数字列分散。

我该怎么做才能解决这个问题？

更新:这是为 FLUID CSS GRID 系统制作网络应用程序布局。我不想得到表。该示例用于在调整大小和其他维度上测试此网格。

我认为问题出在将 .cx1 计算为 55+43px 并将其四舍五入为像素的浏览器中，
并且 .cx5 计算为 449+43px 而不是 watchind .cx1 四舍五入到 55px。

特别为 Dexter Huinda:
有100%的宽度吗？和 12 列，右边距为 3.8%(最后一列除外)。

So for cx1 = (1*(100+3.8))/12-3.8 = 4.85%
for cx2 = 4.85*2+3.8 = 13.5%
for cx3 = 4.85*3+3.8*2 = 22.15%
and so on.
The main formula to calculate any column width from 1 to 12 is
       (a*(100+b))/12-b (where a = number of spanned columns and b is margin)

有数学题吗？

问题是为什么:width(4.85%+3.8%+4.85%+3.8%+4.85%) <> width(22.15%)

因此，如果您无需解释，请找出任何 .cx 宽度中的错误。可以吗？

Answer 1

要么你应该使用你可以在你的 css 文件中提供的固定宽度的 div，要么你可以通过表格来制作它。实际上你的 div 没有正确地收紧在一起。这是主要原因。