絶対に配置された Div の親の高さを拡張するにはどうすればよいですか?

絶対配置と親 Div の高さ

この質問では、絶対配置された div の親 div の高さを拡張するという課題について説明します。作成者は、デスクトップとモバイル デバイスの両方で、子 div (child2) を別の子 div (child1) の前に配置するシナリオを示しています。これを実現するために、child2 で絶対配置を使用します。

ただし、作成者は、絶対配置された要素が通常のドキュメント フローから削除され、他の要素によって無視されることを意味します。これは、child2 の動的な高さに合わせて親 div の高さを拡張しようとするときに問題を引き起こします。

作者は、親 div の overflow:hidden と clearfix ハックを使用して問題を解決しようとしましたが、役に立ちませんでした。 。彼らは、固定の高さを使用するか、div の位置を変更するには JavaScript が必要であると結論付けています。

代替案として、著者は、CSS フレックスボックスまたはグリッド レイアウトを使用することを提案しています。これにより、HTML 要素の視覚的な順序を逆転させることができます。絶対配置に頼らずに親コンテナを作成します。

以上が絶対に配置された Div の親の高さを拡張するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。