13

多くの子要素を持つ親コンテナーがあります。アニメーションの理由 (子要素が親から出入りする) のため、そのoverflowプロパティを に設定しましたhidden。

これはうまく機能しますが、親の境界の外に表示したい子供がいくつかいます。

特定の子のみが親の境界外に表示されるようにするにはどうすればよいですか?

4

3 に答える 3

8

答えは: できません。親にoverflow:hiddenすべての子要素がクリップされるかoverflow:(visible|auto|scroll|...)、すべての子がそのルールに従って処理されます。状態を混在させることはできません。すべての子は平等に扱われます。

ただし、次の疑似コードのように、追加のコンテナー要素を親 (overflow:hidden を持たない) 内に導入することができます。

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

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

編集：例

于 2012-05-14T13:28:19.197 に答える
1

OPとのさらなる議論に照らして、この答えは役に立ちません。代わりに、OP で明確にするためのコメントを参照してください。

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

一般的に言えばCSS、overflow: hidden;

例えば、

スタイル：

.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>

しかし、私が言ったように、いくつかのサンプル コードの後に​​のみ、より意味のある答えが提供されます。

于 2012-05-14T13:13:46.373 に答える