小编典典

使用 CSS 使 div 可垂直滚动

all

<div id="" style="overflow:scroll; height:400px;">

给出div用户可以水平和垂直滚动的 a. 如何更改它以使 div 只能 垂直滚动?


阅读 104

收藏
2022-03-04

共1个答案

小编典典

除了使用错误的属性外,您还拥有它。滚动条可以使用任何属性overflowoverflow-x或触发,overflow-y并且每个属性都可以设置为visiblehiddenscrollauto或中的任何一个inherit。您目前正在查看这两个:

  • auto- 此值将查看框的宽度和高度。如果它们被定义,它不会让盒子超出这些边界。相反(如果内容超出了这些边界),它将为超过其长度的任一边界(或两者)创建滚动条。

  • scroll- 这个值 强制 滚动条,无论如何,即使内容不超过设置的边界。如果不需要滚动内容,则该栏将显示为“已禁用”或非交互式。

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

你应该使用overflow-y: scroll. 无论是否需要,这都会 强制垂直轴出现滚动条。
如果您实际上无法滚动上下文,它将显示为“禁用”滚动条。

如果您只希望在可以滚动框的情况下出现滚动条:

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

2022-03-04