CSS overflow 用于控制元素内容超出自身宽度或高度后的显示行为,常见取值包括 visible、hidden、scroll、a🎉uto 和 clip。设置前需要确认内容是否应该被截断、是否允许用户滚动,以及父级容器是否承担裁剪职责。
如果搜索 overfiow 是为了处理网页布局异常,最先应该更正属性拼写,再确认容器边界和内容需求。只有在明确“内容超出后应该怎样显示”的前提下,overflow 的设置才不会带来新的可用性问题。
overflow 不生效时,应按“属性拼写、尺寸约束、溢出来源、层叠关🎊系、布局模式”的顺序排查,而不是反复更换 hidden ⚡和 auto。
overfiow与 overflow 的区别在于字母 l 和 i 的位置不同,前者不是标准 CSS 属性。将错误拼写写入样式表后,浏览器通常会忽略这一行声明,元素会继续使用默认的 overflow 行为,也就是允许内容溢出显示。
固定尺寸容器处理溢出时,关键是同时设置明确的宽度或高度,并判断内容是否具有继续阅读的价值。没有固定尺寸约束时,overflow 往往不会产生明显效果,因为容器会随着内容自然增高或变宽。