html - 当部分内容重叠时如何使屏幕垂直滚动

Question

想象一下，我有一个固定大小的 div，如下所示：

<div style="width: 1000px; height: 200px; border: solid;">

    </div>

它只是一个带有实线边框的矩形。现在，当我缩放屏幕时，矩形的一部分被排除在屏幕之外（因为它具有固定大小）。我想要的是，当部件离开屏幕时，必须出现一个水平滚动条，怎么办？（请不要建议overflow-x: scroll;，因为即使不需要它也会创建滚动条。）

标签： htmlcss

Answer 1

overflow-x: auto;

这只会在需要时显示滚动条。