CSS - 仅显示固定宽度和高度div的水平滚动条

Question

我有一个固定宽度和高度的div:

 #containersimg
 {
    width: 900px;
    height: 135px;
 }

我里面有很多图像,宽度为90px,高度为120px.所以我希望将我的图像连成一行,并且只显示水平滚动条以滚动图像.

我需要在FF和IE8及更高版本中完成这项工作.我尝试了overflow-x和overflow-y,但我没有帮助.

任何的想法？？希望能在这里得到一些帮助......谢谢......

Answer 1

在滚动容器中需要一个包装div,以确保它们不受宽度约束,然后overflow-x: scroll在容器上设置.我嘲笑了一个快速的小提琴来演示.http://jsfiddle.net/vUEYG/

+1好,但我认为最好给`.square``display:inline-block`并删除`float:left`.然后给`.wrapper``white-space:nowrap`并从中删除`width`.这样,您不限于500px宽度的包装.请点击这里:http://jsfiddle.net/WbVp3/ (2认同)