CSS溢出时显示滚动条
时间: 2023-09-14 14:16:00 浏览: 91
文字溢出滚动展示
5星 · 资源好评率100%
当一个元素的内容超出了它的容器时,可以通过设置 CSS 属性 `overflow` 为 `auto` 或 `scroll` 来让浏览器显示滚动条,让用户可以滚动查看内容。
例如,如果你想让一个带有固定高度和宽度的 `div` 元素在内容溢出时显示滚动条,可以这样写 CSS:
```css
div {
width: 200px;
height: 100px;
overflow: auto; /* 或者是 overflow: scroll; */
}
```
这样,当 `div` 元素中的内容超出了 `100px` 的高度或 `200px` 的宽度时,浏览器会自动显示垂直或水平滚动条,让用户可以滚动查看内容。
阅读全文