オーバーフローオーバーライド：hidden

Question

私は多くの子要素を持つ親コンテナを持っています。アニメーションの理由（子要素が親に出入りする）のために、overflowプロパティをhiddenに設定しました。

これは素晴らしいことですが、私が親の境界の外に見えるようにしたい子供のカップルがあります。

特定の子のみが親の境界の外に見えるようにするにはどうすればよいですか？

Answer 1

回答：できません。親のいずれかがoverflow:hiddenの場合、すべての子要素が切り捨てられるか、またはoverflow:(visible|auto|scroll|...)がある場合、すべての子はその規則に従って処理されます。状態を混在させる可能性はありません。すべての子どもが同じように扱われます。私にとってexample

Answer 2

OPとのさらなる議論の観点から、この回答は役に立ちません。代わりにOPとの明確化のためのコメントを見てください。

まず、特定のコードを含めると役立ちます。

総称的には、例えばoverflow: hidden;

を設定し、1よりも子供に、より具体的であるCSSセレクタを提供し、話す、

スタイル：

.hide-children div {overflow: hidden;} 
.hide-children div.show-me {overflow: none;} 

HTML：

<div class="hide-children"> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child show-me"></div> 
</div> 

しかし、私が言ったように、サンプルコードのほんの少し後には、より意味のある答えが提供されます。

Answer 3

：

<parent>  
    <container1 style="overflow:hidden"> 
     <!-- these will be clipped --> 
     <element> 
     <element> 
    </container> 

    <container2 style="overflow:visible"> 
     <!-- these will be shown --> 
     <element> 
     <element> 
    </container> 
</parent> 

編集：この擬似コードのように：

ただし、（隠され、もはやオーバーフローを持っている）親の内部の追加のコンテナ要素を導入する可能性私は親をオーバーフローで作ることでその周りを乗り越えました：大きく隠され、次に周囲の要素にマイナスのマージンを与えます。