【CSS学习笔记22】-overflow2

2023-11-06  本文已影响0人  兔小小

overflow-scroll

将值设置为scroll ,将剪裁溢出,并添加滚动条以在框内滚动。请注意,这将在水平和垂直方向上添加一个滚动条(即使您不需要它):

div {
  overflow: scroll;
}

overflow-auto

该值类似于scroll , 但它仅在必要时添加滚动条:

div {
  overflow: auto;
}

overflow-x 和 overflow-y

overflow-xoverflow-y指定 是水平还是垂直更改内容溢出:

overflow-x指定如何处理左右内容。
overflow-y指定如何处理上下内容。

div {
  overflow-x: hidden; /* Hide horizontal scrollbar */
  overflow-y: scroll; /* Add vertical scrollbar */
}
上一篇 下一篇

猜你喜欢

热点阅读