我正在尝试将绿色框移出其容器顶部 10 像素。但是，由于 .cover 有 hidden 的溢出，绿色框的顶部没有显示。如何在不切换 DOM 中的元素的情况下显示绿色框？
对于造成的困惑和信息的缺乏，我们深表歉意。此外，如果我取消 overflow: hidden 或将其切换为 visible，容器将降低到 0 高度，然后隐藏垂直边框(在我正在处理的网站)跨越内容的高度。
最佳答案
if I take off overflow: hidden or switch it to visible, the container reduces to 0 height which then hides a vertical border
听起来您正在使用 overflow:hidden; 创建一个新的 block formatting context .显然副作用是你不能轻易溢出。我链接的那个 MDN 页面包含一个强制新 block 格式化上下文的方法列表。您可以做的一件事是将 overflow:hidden; 替换为 display:inline-block;宽度:100%；。该演示使用该方法:https://jsfiddle.net/sb40ha0n/
正如 Roko C. Buljan 所指出的，Clearfix 方法也可用于纠正此问题。
关于css - 移动绝对定位在其父容器之外的子元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36047190/