html - webkit 在调整大小时 float 闪烁

Question

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

我的问题是，当通过 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 问题；只减少 margin margin 而不是两者。

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