CSS的overflow上下滚动

发布网友发布时间：2022-04-23 02:09

共5个回答

热心网友时间：2022-04-06 12:13

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

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

热心网友时间：2022-04-06 13:31

把overflow改成overflow-y就行了

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

热心网友时间：2022-04-06 15:06

.div1 {
overflow-y:scroll;

overflow-x:hidden;

word-wrap: break-word;<p style="
overflow-x: hidden;
overflow-y: scroll;
">}

热心网友时间：2022-04-06 16:57

overflow:scroll-x; scroll-y

热心网友时间：2022-04-06 19:05

overflow-y:visible;
overflow-x:hidden;