特定のタグが HTML Div のオーバーフロー:非表示を無視するようにするにはどうすればよいですか?

特定のタグが Overflow:hidden をオーバーライドできるようにする方法

HTML div を操作する場合、hidden のオーバーフロー プロパティを指定すると、特定のタグがオーバーフローを防ぐことができます。要素が div の境界を超えないようにします。ただし、場合によっては、特定の要素がこれを無視して div の外にはみ出す必要がある場合があります。

解決策:

重要なのは、overflow:hidden の静的な位置を維持することです。以下に示すように、要素を追加し、上位レベルの親を基準にしてオーバーフロー要素の位置を設定します。

<div class="relative-wrap">
    <div class="overflow-wrap">
        <div class="respect-overflow"></div>
        <div class="no-overflow"></div>
    </div>
</div>

説明:

• .relative -wrap クラスに location:relative を指定すると、DOM 内の位置を基準にして内部要素を配置できます。
• .overflow-wrap クラスは、境界を定義するための特定の高さと幅とともに、overflow:hidden を維持します。 area.
• 位置:相対の . respect-overflow クラスは、.overflow-wrap 親によって設定された境界に従います。
• 位置: 絶対の .no-overflow クラス、.overflow-wrap 親の境界を無視し、.relative-wrap 親を基準にして自身を配置します。

以上が特定のタグが HTML Div のオーバーフロー:非表示を無視するようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。