オーバーフローの使用に関する質問: float をクリアするための非表示

Question

通常の状況では、float の親要素に overflow:hidden; を設定すると float をクリアできますが、float 要素の親要素が body の場合、body に overflow:hidden を設定しても float はクリアできないことがわかりました。ボディは通常のストリームに属していないため、無効であると言う人もいます...

为情所困 · Answer

これは新しい BFC が生成されていないためです

新しいBFCを生成するための条件：

「overflow」が「visible」に計算されない場合の通常フローのブロックレベルの非置換要素(「overflow」プロパティの値がビューポートに伝播されている場合を除く).

何のための设置 overflowビューポートに散在する会：

UA は、ルート要素に設定された「オーバーフロー」プロパティをビューポートに適用する必要があります。ルート要素が HTML "HTML" 要素または XHTML "html" 要素で、その要素が子として HTML "BODY" 要素または XHTML "body" 要素を持つ場合、ユーザーエージェントは代わりに「オーバーフロー」を適用する必要があります。 ' ルート要素の値が 'visible' の場合、プロパティを最初の子要素からビューポートに追加します。ビューポートに使用される場合の「visible」値は「auto」として解釈される必要があります。値の伝播元の要素には、「visible」の「overflow」に使用される値が必要です。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル