css - 为什么在 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。

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

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