HTML"溢出:自动"和"溢出:滚动"之间的区别

Gir*_*shK 111 html css

当我研究overflow属性的值时,我遇到了这两个值:auto并且scroll,如果内容溢出元素,则会添加滚动条.

有人可以解释一下他们之间的区别吗?

Joh*_*son 169

只有在剪辑任何内容时,"自动"才会显示滚动条.

但是,即使所有内容都适合,滚动也会始终显示滚动条,但您无法滚动它.

  • @MattDiPasquale OS X 和 Windows 以不同的方式显示滚动条。您可能正在 Mac 上使用 Safari,对吗?OS X 通常会隐藏滚动条,直到您实际滚动为止。 (3认同)
  • 至少在最新版本的Safari上似乎没有什么区别:即使使用`scroll`,如果内容合适,我也看不到滚动条。但是,为了安全起见,我使用了“ auto”,因为我只想在剪切内容时显示滚动条。 (2认同)

Jam*_*ice 12

overflow: scroll将隐藏所有溢出的内容并导致滚动条出现在相关元素上.如果内容没有溢出,滚动条仍然可见,但已禁用.

overflow: auto 非常相似,但滚动条仅在内容溢出时出现.

有这样一个类似的解释在这里,有一些截图来说明这一点.