加了 overflow-hidden 却没用，是因为父容器未设 relative 创建定位上下文；absolute 子元素只认最近已定位祖先，static 父级无效；必须同时加 relative 和 overflow-hidden 才能裁剪生效。
加了 overflow-hidden 却没用，基本就是父容器没形成有效的定位上下文——不是 Tailwind 写错了，是 CSS 定位机制本身在起作用。
父容器必须加 relative 才能管住 absolute 子元素
绝对定位元素只认「最近的已定位祖先」，默认 position: static 的父容器根本不算数。它会一路往上找，甚至落到 body 上。你在视觉父级上加 overflow-hidden，等于贴错胶布。
-
relative本身不改变布局，只创建包含块（containing block），这是裁剪生效的前提 - Tailwind 中必须显式写
relative+overflow-hidden，缺一不可 - 用 DevTools 看选中元素的 Computed → Containing block，一眼确认它到底相对谁定位
absolute 子元素撑不开父容器高度？那是设计问题，不是 bug
父容器高度塌陷，是因为所有子元素都 absolute，脱离文档流后，它“看不见”任何内容高度。此时 overflow-hidden 还在，但容器高为 0，裁剪无从谈起。
- 如果只是装饰性元素（比如角标、遮罩层），别硬塞
h-40或min-h-[200px]——它本就不该参与高度计算 - 如果是功能性内容（如下拉菜单主体、翻转卡片背面），优先改用
flex或grid布局，天然撑高且语义清晰 -
h-full和flex-1依赖父级已有尺寸，对塌陷容器无效；必须给明确高度或最小高度
想让 Tooltip、下拉菜单“破框而出”，别调 z-index
z-index 控制层叠顺序，不解除裁剪。哪怕设成 9999，只要还在被 overflow-hidden 的祖先内，超出部分照样被切掉。
- 真正有效的做法是把 DOM 移到更高层级：挂到
body下，或用框架的Portal/Teleport - 纯 CSS 场景可尝试
overflow-clip（Chrome 119+、Firefox 111+ 支持），语义更准，但 Safari 兼容性差 - 避免对滚动父容器同时用
transform和overflow-hidden，容易触发合成层裁剪异常；必要时加translateZ(0)强制新层
最容易被忽略的点，是以为“加了 overflow-hidden 就万事大吉”，却没检查它是否真的作用在那个“定位参考祖先”上。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
