如何覆盖溢出：隐藏？

Question

请在此处查看JSFIDDLE。

作为粉红色div的父父节点，蓝色div包含了css样式overflow:hidden，这在我的项目中对于其他内容部分是必不可少的。

但是现在我必须在边界上显示粉红色的方块，因为它的父级overflow:hidden似乎是重叠的一部分。如果我想做，我该怎么办？

谢谢！

Answer 1

这不可能。如果您在元素上声明overflow:hidden，那么所有子元素都必须遵守此规则。

您可以做的是将盒子移出并相应地放置它：

<div class="paper">
    <div class="container">    
    </div>
    <div class="box">    
    </div>
</div>

Answer 2

删除给您的父类.papaer overflow:hidden和

添加此css

.paper:after{
    content:'';
    overflow:hidden;
    display:table;
}

<强> Demo