Html 强制一行图像

我更像是一个设计师，而不是一个程序员，所以如果这个问题看起来很顽固，答案很明显，我道歉

不管怎样，有了这个警告。。。我正在尝试创建一个页面，其中图像位于屏幕右边缘以外的一行中，以便用户可以滚动查看更多图像。其他界面元素（如徽标和导航）固定到位

您可以在此处看到该页面：

还有这里的CSS：

为了消除图像之间的空白，我将它们向左浮动

我的问题是，为了防止图像缠绕，即使容器div和display:block上有height属性，我也必须给div一个width值，在本例中为4000px。例如，自动宽度会使图像换行，这是我不想要的

由于我可能并不总是知道组合图像的确切宽度，我是否可以使用宽度值强制图像保持在一行中，或者使用其他CSS技巧

非常感谢

---

J

我会用内联块来处理这种东西

大概是这样的：

#imgHolder{
    font-size: 0px; /* Remove the spaces between the images */ 
    white-space: nowrap; /* Prevent the images from wrapping */
}

#imgHolder img{
    display: inline-block;
    vertical-align: top;
    height: 654px;
    width: auto;
}

下面是一个工作示例：

---

请添加您的代码，最好在其中使用js摆弄您的代码。。。这将使任何答案有价值，即使你在未来更改网站。好吧，我想你是说这个。。。