css - 如何覆盖溢出：隐藏？

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;
}

演示