css - オーバーフローをオーバーライドする方法:hidden?

Question

ここでJSFIDDLEを参照してください。

ピンクの div の親子ノードとして、青の div には css style が含まれています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;
}

デモ