这
<div id="" style="overflow:scroll; height:400px;">
给出div用户可以水平和垂直滚动的 a. 如何更改它以使 div 只能 垂直滚动?
div
除了使用错误的属性外,您还拥有它。滚动条可以使用任何属性overflow、overflow-x或触发,overflow-y并且每个属性都可以设置为visible、hidden、scroll、auto或中的任何一个inherit。您目前正在查看这两个:
overflow
overflow-x
overflow-y
visible
hidden
scroll
auto
inherit
auto- 此值将查看框的宽度和高度。如果它们被定义,它不会让盒子超出这些边界。相反(如果内容超出了这些边界),它将为超过其长度的任一边界(或两者)创建滚动条。
scroll- 这个值 强制 滚动条,无论如何,即使内容不超过设置的边界。如果不需要滚动内容,则该栏将显示为“已禁用”或非交互式。
如果您 总是 希望出现垂直滚动条:
你应该使用overflow-y: scroll. 无论是否需要,这都会 强制垂直轴出现滚动条。 如果您实际上无法滚动上下文,它将显示为“禁用”滚动条。
overflow-y: scroll
如果您只希望在可以滚动框的情况下出现滚动条:
只需使用overflow: auto. 由于默认情况下您的内容在当前行无法容纳时会中断到下一行,因此不会创建水平滚动条(除非它位于禁用自动换行的元素上)。对于竖线,它将允许内容扩展到您指定的高度。如果超过该高度,它将显示一个垂直滚动条以查看其余内容,但如果它不超过该高度,则不会显示滚动条。
overflow: auto