如果您可以选择在.alphabet附近使用容器元素,则可以设置垂直滚动条。我已经添加了< hr>伪造一个永远可见的底部边框,不会在滚动条下面。
HTML:
abcdefgh
abcdefgh
abcdefgh
abcdefgh
CSS:
.container{
overflow-y:auto;
overflow-x:hidden;
height:50px;
width:100px;
}
.alphabet{
width:100%;
overflow:visible;
box-sizing:border-box;
border:1px solid;
border-bottom:0;
}
hr{
margin:0;
height:0;
width:85px;
border:0;
border-bottom:1px solid;
}
如果您不在乎边框内显示的滚动条,则可以将< hr>并添加一个完整的边框到.container(http://jsfiddle.net/V3MbV/3/)。