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

时间:2011-11-08 10:40:08

标签: css scrollbar overflow

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

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

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

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

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

3 个答案:

答案 0 :(得分:7)

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

答案 1 :(得分:0)

给这个去吧:)

-ms-overflow-x: hidden;

取自这个伟大的资源CSS div element - how to show horizontal scroll bars only?

答案 2 :(得分:0)

你可以添加第一个溢出:auto

#containersimg
 {
    width: 900px;
    height: 135px;
overflow:auto;
overflow-x:hidden;


 }

可以帮到你