为什么在 IE10/11 中出现这种中断？

Question

我在绞尽脑汁。

http://www.coflash.com/wendy/

在 IE 中，由于某种原因，IE 中的最后一个图块不对齐。它在 iOS/Chrome/Firefox 中运行良好。

我尝试压缩 H​​TML 以删除所有空格，我重新计算了百分比，但我不明白。希望这里有人会。

谢谢

Answer 1

li 元素上的百分比宽度、img 元素上的最大宽度、img 元素上的border-box box-sizing 和计算保持之间的纵横比的组合图像的宽度和高度，意味着IE正在计算双宽图像的高度为249.98px，单宽图像的高度为249.91px。

由于每张图片都是浮动的，IE 会考虑到 0.07px 的差异来确定对于第一个错位的图片，第 3 列的位置比第 1 列的位置略高，所以它将图像放在那里。

最简单的解决方案是将图像的高度设置为 250 像素，而不是自动。