webkit浮动在调整大小时闪烁

Question

我正在尝试在 HTML 和 CSS 中创建一个 2d 网格，其中调整窗口大小会将元素重新排列到适当的行。只需将固定宽度的div向左浮动即可达到效果，但我想添加一个动态边距以最小化屏幕右侧的空白。

我的问题是当通过 javascript 添加动态边距（b/t div）时，当调整浏览器窗口大小时，div 会出现闪烁（即在行之间快速来回切换）（仅当宽度为 时才会发生减少）。

该错误出现在 webkit（chrome 和 safari）中，但不在 Firefox 中。如果它只是一个 webkit 错误，有没有办法解决它？

可以在 jsfiddle 或者普通网页上看到一个例子：

http://jsfiddle.net/RAZHA/3/

http://alec.thewinograds.com/float_flicker_example.html

谢谢！

Answer 1

        $(box).css("margin-left", (marginSide * .5) - MARGIN_REDUCTION);

在我看来这是一个 JS 问题；只减少边距，而不是两者。

http://jsfiddle.net/RAZHA/3/