「表示されない」オーバーフロー値が CSS2.1 で新しいブロック書式設定コンテキストを作成するのはなぜですか?

CSS2.1 が新しいブロック フォーマット コンテキストを確立するために「visible」以外のオーバーフロー値を定義する理由

CSS2.1 仕様では、次のことが義務付けられています。 「visible」以外のオーバーフロー値は、新しいブロック フォーマット コンテキスト (BFC) を確立します。オーバーフローは通常、レイアウトに影響を与えずにコンテンツを非表示にするために使用されるため、この決定は直感に反するように思えるかもしれません。ただし、この選択の背後には説得力のある理由があります。

スクロール可能なコンテンツとパフォーマンス

非表示のオーバーフロー値を BFC として定義する主な動機は、スクロール中のパフォーマンスを向上させることです。 。フローティング要素が親コンテナの外側にあるスクロール可能なコンテンツと交差する場合、ブラウザはスクロールするたびにフロートの周囲にコンテンツを再ラップする必要があります。ブラウザが元の CSS2 仕様を実装する必要がある場合、この継続的な再ラップはスクロール速度に大きな影響を与えます。

他のオーバーフロー値との一貫性

この決定のもう 1 つの要素は一貫性です。 overflow: "hidden" はコンテナ内のコンテンツを単にクリップしているように見えますが、プログラムによってスクロールすることができます。したがって、非表示のオーバーフロー値を指定すると、コンテンツが実際にスクロール可能かどうかに関係なく、一貫して新しい BFC が生成されます。

置換された要素による動作の統合

CSS2。 1 では、ブロック フォーマット コンテキスト ルート (BFCR) に対する height: "auto" の動作にも変更が加えられました。高さ: "auto" の BFCR はフロートに対応するために垂直に伸びるようになりました。これは、本質的に BFC を作成し、コンテンツに合わせて伸縮する、置換された要素 (画像など) の動作と一致します。

非表示オーバーフローの利点

目に見えないオーバーフロー値を BFC として定義、CSS2.1

• フロートと交差するコンテンツのスクロールのパフォーマンスの向上
• スクロール可能性に関係なく、一貫した BFC の確立
• 置換された要素による動作の統一
• float と BFCR 間の重複の回避

以上が「表示されない」オーバーフロー値が CSS2.1 で新しいブロック書式設定コンテキストを作成するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。