首页 > 文章列表 > 如何让元素在内容溢出时才显示滚动条?

如何让元素在内容溢出时才显示滚动条?

139 2025-03-13

如何让元素在内容溢出时才显示滚动条?

内容溢出后显示滚动条

当需要在一个元素中显示大量的文本或内容时,可能会遇到内容溢出的问题。为了处理这种情况,需要设置溢出规则以控制显示方式。默认情况下,溢出的内容会以隐藏的方式呈现,但有时需要在溢出时显示滚动条。

此处提供一个问题:

<pre><div style="height: 50vh; overflow: scroll;"></div></pre>
<p>问题:如何让该元素在内容没有溢出时隐藏滚动条,只有在溢出时才显示滚动条?</p>

答案:

<p>overflow: auto;
就可以了。
如果设置为 scroll,无论是否有内容溢出,滚动条都会显示。</p>

来源:1729824195