CSS中overflow浏览器不能上下滚动内容

css前端 by 神秘人 at 2020-10-13

原因是因为CSS设置了【overflow: hidden;】限制了内容溢出也不会显示滚动条!

CSS中【overflow:scroll;】默认是左右,上下都滚动,如果设置了这个,内容溢出那么浏览器就会显示滚动条,那怎么设置只上下滚动而不左右滚动呢?

如何设置成:当长度超出DIV长度的时候,只有上下滚动,左右无论超出多长都不滚动,也不会出现下面的滚动杆? 如果左右没有超出内容时,用【overflow:auto;】 如果左右有超出内容,用【overflow-x: hidden;】

最后我设置成下面的这个就不会出现左右滚动条了!

body{
        overflow: auto;
        overflow-x: hidden;
    }

我是以我的这个动态鱼来解说的,因为我的那条大鱼是左右游动的会溢出左右屏幕,所以我这样设置限制了左右不会有滚动条了!