内容溢出Overflow
你可能会说
这张卡片的内容底部被遮住了，帮我检查是不是纵向溢出，别让按钮被裁掉。
内容尺寸超出容器可见区域时的显示、裁剪或滚动控制规则。例如卡片设置固定高度后，较长内容可能越过底边；若祖先使用
overflow: hidden，超出部分会被直接裁切而不可见。Overflow 可以发生在横向或纵向，它处理“放不下以后怎么办”，不是用来掩盖本应重新排版的布局问题。也常被叫作内容溢出溢出截断溢出隐藏
卡片底部内容为什么会被裁掉
height: 250px · overflow-y: visible可以导出
周末旅行短片
✓
字幕已经生成32 句字幕已匹配语音
✓
封面已经选好标题在封面上清楚可读
✓
导出画质1080p · MP4
下载按钮越过了卡片底边。
超出容器后怎样处理
定位产生溢出的容器层级：先看内容是否越过卡片边界，再检查具体容器的固定 height、max-height、overflow 和实际滚动区域；hidden 只会藏掉结果，不会解释内容为什么放不下。
关键内容必须可见或可到达：普通内容卡通常应随内容增高；确实需要限高的列表或面板才使用内部滚动，并让用户看得出还能滚。按钮、错误提示和主要内容不能无提示裁掉。
你可以这样告诉 AI Agent
请检查这张卡片的纵向 Overflow，找出设置固定高度、`max-height` 或 `overflow: hidden` 的具体容器。标题、说明和底部按钮都必须可见可操作；普通内容卡优先允许高度随内容增长，确需限高时再提供内部滚动。改完后用最长内容检查桌面和 390px 手机。
接下来学什么
延伸阅读 · 权威出处
快速练习