絶対に配置された子に合わせて親コンテナの高さを自動的に調整するにはどうすればよいですか?

絶対的に配置された子と親の高さ

絶対的または相対的に配置された子を含むコンテナーがあります。このような子供たちに合わせてコンテナの高さを調整するのは困難になります。オプションと制限事項を見てみましょう:

1. CSS の制限:

絶対的に配置された要素はドキュメント フローから切り離されます。したがって、彼らの寸法は両親の身長に影響を与えることはできません。この状況では、親の高さを手動で設定しても機能しません。

2. JavaScript の解決策:

子の高さは不明であるため、JavaScript を使用してレンダリング後に高さを見つけ、その値を使用して親の高さを動的に設定できます。

3.代替アプローチ:

絶対配置を使用する代わりに、float: left/float: right とマージンの使用を検討してください。この手法では、ドキュメント フローを中断することなく子を配置します。さらに、親に overflow: hidden を適用するか、acleafix メソッドを実装すると、親の高さが子を収容できるように拡張されます。

以上が絶対に配置された子に合わせて親コンテナの高さを自動的に調整するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。