水平图像库编码问题/建议

Question

我有一个客户，他要求更新网站。我之前设计的网站有一个漂亮的画廊，带有缩略图和弹出图像。她更喜欢切换到不同的格式，类似于她现在使用的格式代理网站.. 这是该网站上的画廊：

http://zenobia.com/hmu_g_j/hmu_gleeson_austin_f400.html

我想出了一个新设计，但我遇到了浏览器兼容性问题。您可以在此处查看新的图库页面：

http://www.lisagleeson.com/galleries/lifestyle/

我将画廊设置为从文件夹中提取图像，这可以正常工作。画廊放置在 100% 宽的 Div 容器中，因此它可以在屏幕上伸展。内部 Div 容器设置为隐藏溢出，但可滚动。该页面在 Safari 中有效，但在 Firefox 或 Chrome 中无效。溢出功能不起作用，它只发布适合 Div 的图像。

有没有人有关于如何解决这个问题的建议，以便 Div 是 100% 宽..

Answer 1

从#gallery 中删除inline-block 并将其添加到#galleryImage。另外，从#galleryImage 中删除float。

#gallery {
  height: 525px;
  margin-left: 10px;
  overflow-y: hidden;
  overflow-x: scroll;
}

#galleryImage {
  height: 525px;
  margin-left: 10px;
  display: inline-block
}