html滚动条自动平移,html – 将滚动条放在外部div与自动溢出

如果您可以选择在.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/)。