html - 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/