firefox/ie/chrome/Safari之间的.css问题答案

【问题标题】：.css problems between firefox/ie/chrome/Safarifirefox/ie/chrome/Safari之间的.css问题
【发布时间】：2011-05-09 19:33:05
【问题描述】：

我正在建立一个网站，一切都已经完成，但我遇到了一些问题，从我在这里读到的内容来看，这是 Firefox 和 ie 中 webkit 的结果。

这是有问题的页面之一：

http://prdesignstudio.com/Seattle.html

当您在 Chrome 或 safari 中加载它时，它工作正常，图像反映在底部，并且下一行没有图像。另一方面，当您在 Firefox 或 ie 中打开它时，没有反射，并且集合中的最后一张图像位于下一行。另一件奇怪的事情是，问题并不是在每一页上都出现，而且似乎也不是基于画廊中的图像数量。（点击投资组合可以找到不同的页面）

有人知道如何解决这个问题吗？此外，如果修复它需要我删除 .css 的 webkit 部分，有没有人知道我可以做些什么来获得反射？它们不是必需的，但我喜欢它们 XD

所有页面的代码都可以在这里找到：http://jsfiddle.net/2DvSP/

提前感谢您的帮助。

【问题讨论】：

标签： css firefox google-chrome webkit gallery

【解决方案1】：

至于出现在下一行的图像以及出现在并非所有页面而是出现在某些页面上的情况，您设置了内联样式

div calss="container" style="width: 2080px;"

如果增加宽度，FF4.01和IE9不会出现这个问题。

【讨论】：

@JAA149 这听起来很简单，但我找不到那个代码花絮。您在代码的哪一部分找到了它？
html body div#fp_gallery.fp_gallery div#outer_container div#thumbScroller div.container
@JAA149 我正在查看 Seattle.html 并没有看到它，对不起，如果我错过了它，但我看到的只有：
我也浏览了css 并没有看到拇指滚轮宽度的定义。
用 Firebug 在 Firefox 中查看。在右侧样式下，您会找到 element.style { left: -376.25px;宽度：2080px； }
@JAA149 好吧，我这样做了：
但我仍然遇到最后一张图片显示在下一行的问题.这不是我在代码中定义的东西，而是根据图库中图像的数量来确定宽度。