我试图将绿色盒子10px移到其容器顶部之外。但是，由于.cover有隐藏的溢出，绿色框的顶部不会显示。如何在不切换DOM中的元素的情况下显示绿色框？
对于混乱和缺乏信息感到抱歉。此外，如果我取消overflow: hidden或将其切换为visible，则容器会缩小到0高度，然后隐藏垂直边框（在我正在处理的网站上）跨越内容的高度。
答案 0 :(得分：0)
如果我取消溢出：隐藏或将其切换为可见，容器缩小到0高度，然后隐藏垂直边框
听起来您正在使用overflow:hidden;来创建新的block formatting context。显然副作用是你不能轻易有任何溢出。我链接的MDN页面包含强制新块格式化上下文的方法列表。您可以做的一件事是将overflow:hidden;替换为display:inline-block; width:100%;。此演示使用该方法：https://jsfiddle.net/sb40ha0n/
正如Roko C. Buljan所指出的，Clearfix方法也可用于解决此问题。