絶対に配置された子をカプセル化するためにコンテナの高さを設定するにはどうすればよいですか?

絶対的に配置された子を含むコンテナーの高さ

この状況では、コンテナーには絶対的/相対的に配置された子のみがあり、維持するコンテナーの高さを決定します。

CSS では、絶対に配置された要素は通常のドキュメント フローから除外されます。その結果、それらの寸法は親の寸法に影響を与えません。

JavaScript を使用した可能な解決策:

絶対的な位置を維持することが重要な場合は、JavaScript を使用して、望ましい効果。具体的には、レンダリング後に絶対に配置された子の高さを取得し、その値を使用して親の高さを調整するスクリプトを作成できます。

Float と Overflow を使用した代替ソリューション:

別のアプローチは、float:left/float:right と margins を利用して、ドキュメント フロー内で子を保持しながら絶対位置を模倣することです。子の高さに合わせて、overflow: hidden を親コンテナに適用できます (または、他の Clearfix テクニックを使用します)。

以上が絶対に配置された子をカプセル化するためにコンテナの高さを設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。