内容溢出Overflow

你可能会说

这张卡片的内容底部被遮住了，帮我检查是不是纵向溢出，别让按钮被裁掉。

内容尺寸超出容器可见区域时的显示、裁剪或滚动控制规则。例如卡片设置固定高度后，较长内容可能越过底边；若祖先使用 overflow: hidden，超出部分会被直接裁切而不可见。Overflow 可以发生在横向或纵向，它处理“放不下以后怎么办”，不是用来掩盖本应重新排版的布局问题。

先知道

也常被叫作内容溢出溢出截断溢出隐藏

卡片底部内容为什么会被裁掉

视频生成结果height: 250px · overflow-y: visible

可以导出

✓

字幕已经生成32 句字幕已匹配语音

✓

封面已经选好标题在封面上清楚可读

✓

导出画质1080p · MP4

卡片底边

下载按钮越过了卡片底边。

超出容器后怎样处理

定位产生溢出的容器层级：先看内容是否越过卡片边界，再检查具体容器的固定 height、max-height、overflow 和实际滚动区域；hidden 只会藏掉结果，不会解释内容为什么放不下。

关键内容必须可见或可到达：普通内容卡通常应随内容增高；确实需要限高的列表或面板才使用内部滚动，并让用户看得出还能滚。按钮、错误提示和主要内容不能无提示裁掉。

选择题选择一个你认为最合适的答案

卡片文字变长后，底部的“下载完整视频”按钮不见了。应该先检查哪里？

检查哪一层限制了高度或裁掉内容，再决定增高还是滚动只把按钮的层级调到最高按当前最长文案给卡片设置一个更高的固定高度

请检查这张卡片的纵向 Overflow，找出设置固定高度、`max-height` 或 `overflow: hidden` 的具体容器。标题、说明和底部按钮都必须可见可操作；普通内容卡优先允许高度随内容增长，确需限高时再提供内部滚动。改完后用最长内容检查桌面和 390px 手机。

接下来学什么