CSS display:inline-block と Positioning:absolute について
display:inline-block を使用すると、要素は水平方向に整列されます。高さと幅はコンテンツによって定義されます。ただし、position:absolute を使用すると、要素はページの通常のフローから削除され、指定された座標に基づいて特別に配置されます。
指定されたコード例では、要素は絶対配置 (element-right- b) は、コンテナ要素を含むコンテナ要素の高さが正しく計算されないという問題を引き起こします。これは、絶対に配置された要素がフローから削除され、コンテナの高さを計算するときにその高さが考慮されなくなるために発生します。
この問題に対処するには、1 つの解決策は、次を使用してコンテナの高さを明示的に設定することです。 CSS。ただし、これはすべての場合に望ましいとは限りません。
絶対配置を使用しない代替ソリューション
前述の問題を回避して同様のレイアウトを実現するには、次のアプローチの使用を検討してください。 :
これにより、要素を制御された幅で水平方向に整列できるようになり、絶対的な配置の必要がなくなります。
インデント付きのネストされたレイアウト
インデント付きのネストされたレイアウトを作成するには、追加のマークアップと CSS の使用を検討してください:
このアプローチにより、絶対配置を使用せずに制御されたインデント レベルでネストされたレイアウトを作成できる柔軟性が得られます。
以上が以下に、記事の本質を捉えた質問ベースのタイトルをいくつか示します。 * **「display: inline-block」と「position: ABSOLUTE」を使用する場合の高さ計算の問題を回避するにはどうすればよいですか?** * **なぜ腹部はの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。