使用溢出控制时需要保留的可访问性

CSS 内容溢出问题通常不是单纯把超出部分隐藏就能解决。页面需要根据内容是否必须完整阅读、是否允许用户横向操作、是否影响键盘访问和移动端布局，选择 visible、hidden、clip、scroll 或 auto 等不同方案。

弹窗内容区适合设置明确的最大高度，并让内容区域独立滚动。标题、关闭按钮和底部操作区应保持固定，只有中间正文区域承担滚动任务。

卡片内容不适合随意使用 hidden 截断正文。商品名称、价格、按钮和重要提示被裁切后，用户可能无法理解卡片含义；需要限制摘要长度时，应优先使用明确的文本截断方案，并保留查看完整内容的入口。

overflow 的工作方式与可见范围

图片容器适合使用 hidden 处理视觉裁切，尤其是缩略图、头像和带圆角的封面。图片本身还应设置最大宽度，避免原始尺寸过🎇大撑开页面。

浏览器开发者工具可以帮助识别宽度异常的节点。逐个取消父级限制、边框、内边距和定位样式，通常比反复修改页面根节点的滚动设置更容易找到源头。