CSS网格问题

Question

以下是代码示例：http://jsfiddle.net/gubvw/3/

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

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

UPDATE：这是FLUID CSS GRID系统为webapps制作布局的。我不想得到桌子。示例是在调整大小和其他维度上测试此网格。

我认为问题出现在浏览器中，计算.cx1到55 + 43px并将其四舍五入到像素，
和.cx5计算到449 + 43px而不是表示.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没有正确收紧。这是主要原因。

Answer 2

我认为你的方法可以做一些重新思考。

如果需要对齐列，请使用表格或使用固定宽度div。您正在使用类，所以为什么不通过类应用固定宽度，而不是那里的百分比宽度。

结合使用固定宽度的字体也可以产生预期的效果。

Answer 3

解决方案在这里：http://jsfiddle.net/NwkPz/ Thanx to Vasiliy Aksyonov（Web标准日）＆amp;＆amp; Vadim Makeev（Opera Software）

））