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

Question

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

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

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

Answer 1

overflow-x: auto;

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

Answer 2

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

/* 仅当矩形部分超出屏幕时，它们才会显示 */

overflow: auto;