overflow属性用于控制内容溢出时的显示方式，其取值包括visible（默认，内容可见）、hidden（裁剪不显示）、scroll（始终显示滚动条）、auto（按需显示）；可通过overflow-x和overflow-y分别控制横向或纵向溢出，常用于固定高度容器、模态框等场景，提升布局可控性与用户体验。
当元素内容超出其边界时，CSS 的 overflow 属性用来控制如何处理这些溢出的内容。通过设置不同的值，你可以决定是隐藏内容、显示滚动条，还是让内容正常溢出。
overflow 属性常见于设置了固定宽高或最大尺寸的块级元素，比如 div、section 等。以下是它的主要取值：
如果只想控制水平或垂直方向的溢出，可以使用以下两个专用属性：
例如，只允许垂直滚动：
立即学习“前端免费学习笔记（深入）”；
div {
overflow-y: scroll;
overflow-x: hidden;
}
常见用途包括：
示例：创建一个只能纵向滚动的盒子
.scroll-box {
width: 300px;
height: 200px;
overflow-y: auto;
overflow-x: hidden;
border: 1px solid #ccc;
}
基本上就这些。合理使用 overflow 能有效提升页面布局的可控性与用户体验。注意在移动端测试滚动表现，避免嵌套滚动带来的操作困扰。
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
370
收藏
