ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS2.1 の「表示されない」オーバーフロー値が新しいブロック書式設定コンテキストを作成するのはなぜですか?

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

Patricia Arquette
Patricia Arquetteオリジナル
2024-12-03 17:14:17228ブラウズ

Why Do Non-

CSS2.1 では、新しいブロック書式設定コンテキストを確立するために「Visible」以外のオーバーフロー値を定義しているのはなぜですか?

問題の理解:

CSS2.1 では、「visible」以外のオーバーフロー値が新しい「ブロック フォーマット コンテキスト」(BFC)。しかし、オーバーフローはレイアウトを変更せずにオーバーフローを隠すことを目的としているため、この定義には懸念が生じます。

決定の背後にある根拠:

この仕様の背後にある理由は、主に影響を中心に展開しています。コンテンツのスクロールについて。このルールがないと、フロートがスクロール可能な要素と交差する場合、ブラウザはスクロール中に継続的にコンテンツを再ラップする必要があり、パフォーマンスに重大な影響を及ぼします。

スクロールの影響:

ここにあります。この決定がさまざまなオーバーフローにどのような影響を与えるか値:

  • オーバーフロー:自動またはスクロール: この場合、コンテンツはスクロールできますが、フロートと交差することはできません。これにより、スクロール中にコンテンツがフロートによって隠れるのを防ぎます。
  • Overflow: hidden: コンテンツは視覚的にスクロールできませんが、JavaScript を介してスクロールできます。オーバーフロー: 非表示も同様に、フロートがコンテンツと交差するのをブロックします。

一貫性とボックスの動作:

「visible」以外のオーバーフロー値に対して BFC を確立すると、一貫性が確保されます。 。箱全体をフロートから押し離して、明確な経路を作成します。これは、明確なプロパティに関係なく発生します。さらに、オーバーフローによって作成されたブロック フォーマット コンテキスト ルート (オーバーフロー: auto を持つ要素など) は、CSS2.1 で導入された変更により、フロートの高さに合わせて垂直方向に伸びることができます。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。