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

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

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

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

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