【发布时间】：2015-08-03 02:05:09
【问题描述】：
我在使用 google chrome 时遇到了一个奇怪的问题：
使用以下代码：
<li class="smallAds fleft">
<a href="news">
<img class="addBorder" src=".." alt="Dialetu news!" />
</a>
</li>
Firefox 和其他浏览器上的 li 元素是 190px 宽度，但在 chrome 上是 190.016px。这个小差异足以破坏布局。
有人知道为什么会这样吗？
这只发生在 Chrome for mac 上，在 windows 上它可以完美运行。我的 css 规则也没有 li 元素的宽度，因为它应该继承 img 的宽度。
这里的相关CSS是与图片相关联的，因为上面的元素没有任何特定的样式：
#afterSlideShowSection ul li img {
border-right: 2px solid #fff;
box-sizing: border-box;
height: auto;
margin-top: 2px;
width: 190px;
}
【问题讨论】：
-
没有相关的 CSS 我们无法回答。请提供演示。
-
请访问以下网站：www.dialetu.com/en 我说的是主横幅下的块。
-
如果链接消失，指向网站的链接在未来将不再有用。您需要使用问题上的代码重现问题。
-
此代码的相关CSS是与图像关联的CSS：#afterSlideShowSection ul li img {border-right:2px solid #fff; box-sizing：边框框；高度：自动；边距顶部：2px；宽度：190px； }
-
也许您可以制作一个 JSFiddle 演示（可能带有实际图像）以重现该问题。
标签： html css macos google-chrome width