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

Question

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

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

    </div>

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

Answer 1

overflow-x: auto;

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

Answer 2

/ *垂直和水平滚动条* /

/ *它们仅在矩形部分超出屏幕之外时显示* /

overflow: auto;