CSS的overflow上下滚动

如何改不是左右滚动，而是上下滚动？

2025-04-14 11:55:59

推荐回答（4个）

回答（1）：

你的例子中内容的宽度不够，高度有余。虽然overflow:scroll左右，上下滚动条都显示出来了，但是你输入的内容高度不够，所以上下滚动条基本没用。
你多输入几行就能看到上下也可以滚动了。
如果设置overflow:auto。滚动条就可以自动按情况显示或隐藏了。

另外，overflow-x，overflow-y可以单独设置左右或上下滚动。

回答（2）：

把overflow改成overflow-y就行了

div{
    width:100px;
    height:100px;
    margin:0 auto;
    overflow-y:scroll;
}