使用CSS使div垂直滚动

除了使用错误的财产外，您还拥有保险。滚动条可以通过任何属性溢出，溢出-x或溢出-y触发，并且每个属性都可以设置为可见，隐藏，滚动，自动，或继承。您目前看到的是这两个：

• auto-此值将显示框的宽度和高度。如果定义了这些边界，则不会让长方体扩展超过这些边界。相反（如果内容超出这些边界），它将为超出其长度的任一边界（或两者）创建一个滚动条

• 滚动-此值强制滚动条，无论发生什么情况，即使内容未超出边界集。如果内容不需要滚动，该栏将显示为“已禁用”或非交互式

如果您总是希望垂直滚动条出现：

您应该使用overflow-y:scroll。这将强制在垂直轴上显示滚动条，无论是否需要滚动条。如果您不能实际滚动上下文，它将显示为“禁用”滚动条

如果您只想在滚动框时显示滚动条：

只需使用溢出：auto。由于默认情况下，当内容无法放在当前行上时，内容会中断到下一行，因此不会创建水平滚动条（除非它位于禁用了换行的元素上）。对于竖条，它将允许内容扩展到指定的高度。如果超过该高度，它将显示一个垂直滚动条以查看其余内容，但如果不超过该高度，则不会显示滚动条