overflow-y: scroll;未超出仍然有滚动条

问题描述

给div添加 overflow-y: scroll;样式,使得文字长度溢出时滚动条显示,但是,当内容没有超过时,也回显示滚动条的框框
overflow-y: scroll;未超出仍然有滚动条_第1张图片

解决

设置成overflow-y: auto

  • 当内容溢出:
    overflow-y: scroll;未超出仍然有滚动条_第2张图片

  • 内容未溢出:

overflow-y: scroll;未超出仍然有滚动条_第3张图片

你可能感兴趣的:(css3)