主题
溢出处理
当元素内容超过其容器大小时,CSS 的溢出属性决定内容如何显示或隐藏。
1. overflow 属性
控制溢出内容的行为:
css
overflow: visible; /* 默认,内容溢出显示 */
overflow: hidden; /* 超出部分隐藏 */
overflow: scroll; /* 总是显示滚动条 */
overflow: auto; /* 内容溢出时显示滚动条 */
2. overflow-x 和 overflow-y
分别控制水平方向和垂直方向的溢出:
css
overflow-x: auto;
overflow-y: hidden;
溢出处理示例
loading