CSS のマージンとパディングのパーセンテージが高さ相対ではなく幅相対であるのはなぜですか?

CSS のマージン/パディングのパーセンテージが幅相対である理由

質問:

マージンとパディングのパーセンテージはなぜ幅相対なのかCSS のパディングは、ブロックの幅ではなく、含まれるブロックの幅に対して計算されます。高さ?

答え:

正確な理由を説明する公式文書はありませんが、計算時に CSS ボックス モデルに再帰的な依存関係が存在する可能性があることが考えられます。

要素のpadding-topまたはpadding-bottomがその10%に設定されていると想像してください。親の身長。このパディングは親要素の高さに影響し、親要素の高さは子要素の高さに依存します。これにより、不正確な高さの計算または無限ループのいずれかが発生する可能性のあるループが作成されます。

この循環依存関係を回避するために、CSS 仕様では、マージンとパディングのパーセンテージを包含ブロックの幅に対して計算することが規定されており、その結果、機能が中断されます。サイクルを調整し、一貫したレイアウト計算を保証します。

以上がCSS のマージンとパディングのパーセンテージが高さ相対ではなく幅相対であるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。