CSS - 仅使用水平滚动条

时间:2010-09-18 16:16:38

标签: css

我只有在div的内容长于宽度值时才需要使用水平scollbar。

所以我写道:

.viewgallerylist{width:920px; float:left; padding-top:20px; height:120px; border-bottom:1px #000000 solid; overflow-x: scroll;}

问题是滚动条是2,1水平和1垂直。如何删除垂直的?欢呼声

4 个答案:

答案 0 :(得分:11)

.viewgallerylist {
    min-width: 920px;
    overflow: hidden;
    -ms-overflow-x: auto; /* IE8 */
    overflow-x: auto;
}

(如果你还想支持恐龙,最小宽度在IE6中不起作用)

答案 1 :(得分:4)

overflow-x:如果内容超出容器的宽度,则scroll会创建一个水平滚动条。 overflow-y:如果内容超出容器的高度,scroll会创建一个垂直滚动条。

答案 2 :(得分:3)

尝试

.viewgallerylist {
  overflow-y: hidden;
}

答案 3 :(得分:2)

使用overflow-y: hidden