overflow-scroll
将值设置为scroll
,将剪裁溢出,并添加滚动条以在框内滚动。请注意,这将在水平和垂直方向上添加一个滚动条(即使您不需要它):
div {
overflow: scroll;
}
![](https://img.haomeiwen.com/i21922576/a2c9b48acdc376cd.png)
overflow-auto
该值类似于scroll
, 但它仅在必要时添加滚动条:
div {
overflow: auto;
}
![](https://img.haomeiwen.com/i21922576/f82335e1de8c07c0.png)
overflow-x 和 overflow-y
overflow-x
和overflow-y
指定 是水平还是垂直更改内容溢出:
overflow-x
指定如何处理左右内容。
overflow-y
指定如何处理上下内容。
div {
overflow-x: hidden; /* Hide horizontal scrollbar */
overflow-y: scroll; /* Add vertical scrollbar */
}
网友评论