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

絶対位置の子による親 Div 高さの拡張

ネストされた子要素 (child2) がモバイル ビューでその兄弟要素 (child1) の下に表示されなければならない状況では、 child2 を絶対に配置する必要があります。ただし、これを行うと問題が発生することがよくあります。絶対要素がフローから削除され、親 div がその高さを無視します。

最初の質問で述べたように:

"絶対位置の要素はフローから削除されるため、他の要素によって無視されます。

これは、絶対位置の子要素に従って親 div の高さを設定することはできないことを意味します。では、どのようなオプションが残っているのでしょうか?

1. 高さの固定: 親 div の高さを固定できる場合は、絶対位置の子要素の高さに対応できます。
2. JavaScript: JavaScript を使用すると、親 div の高さに基づいて親 div の高さを動的に調整できます。絶対配置の子要素。
3. CSS フレックスボックスまたはグリッド レイアウト: これらの新しい CSS テクニックを適用すると、絶対配置に頼ることなく、親コンテナ内の HTML 要素の視覚的な順序を逆転させることができます。より柔軟で応答性の高いレイアウト オプションが提供されます。

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