css超出显示滚动条

在CSS中，可以使用`overflow`属性来控制元素内容超出显示时的滚动条的行为。常用的取值有：auto、visible、hidden、scroll和inherit。

- `overflow: auto`表示如果内容超出元素框，浏览器会自动显示滚动条以便查看超出部分的内容。
- `overflow: visible`是默认值，表示内容不会被修剪，超出部分会呈现在元素框之外。
- `overflow: hidden`表示内容会被修剪，超出部分不可见。
- `overflow: scroll`表示内容会被修剪，但是浏览器会始终显示滚动条以便查看其余的内容。
- `overflow: inherit`表示应该从父元素继承`overflow`属性的值。

通过设置`overflow`属性，我们可以实现在内容超出时显示滚动条的效果，以便用户可以查看超出部分的内容。<span class="em">1</span>
#### 引用[.reference_title]
- *1* [CSS怎么实现超出范围加滚动条](https://blog.csdn.net/weixin_52310078/article/details/121093923)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]