2017-11-16 14 views
1

子divを親divのオーバーフロー制限を超えるようにすることができるかどうかはわかりません。この場合子が親のオーバーフロー制限を超過することは可能ですか?

<div id="parent" style="overflow: hidden;"> 
    <div id="child1"></div> 
    <div id="child2"></div> 
</div> 

、私は、特に親のオーバーフロー超えCHILD1行うことができます:隠されたが、同時にchild2のためのオーバーフロー制限を保ちますか?私はtransform:scale()を使って "ズーム"エフェクトを作ろうとしているので、これを知りたいです。

これは、もう少し高度な例についてjsfiddleです:https://jsfiddle.net/f10vovcg/

私は非常に興味があります。どのような助けも非常に高く評価されています。

答えて

0

position: absoluteを要素に設定した場合、#child1のケースでは、フローから取り除かれるため、親コンテナの外側にも表示されます。 これがあなたの質問に答えることを願っています。

+0

私はchild1要素に対してposition:absoluteを追加しましたが、オーバーフロー制限は変更しません。私が何か間違っていた場合はコメントしてください:3 https://jsfiddle.net/f10vovcg/1/ –

+0

これをチェックしてください。赤いdiv ..https://jsfiddle.net/k987ykx5/をクリックしてください – Sagi

関連する問題