ホームページ  >  記事  >  ウェブフロントエンド  >  CSS ブロック レベルの書式設定コンテキスト BFC

CSS ブロック レベルの書式設定コンテキスト BFC

不言
不言オリジナル
2018-07-09 17:38:291731ブラウズ

この記事では、特定の参照値を持つ CSS ブロックレベルの書式設定コンテキスト BFC を主に紹介します。必要な友達はそれを参照できます

BFC レンダリング領域

この領域は、特定の HTML 要素によって作成されます。次の要素は、その中に BFC エリアを作成します

1. ルート要素

2. フローティング要素と絶対配置要素

3. オーバーフローは、表示されているブロック ボックスと等しくありません

BFC 作成の効果は、 BFC 領域では、子要素が個別に異なる方法でレンダリングされます。BFC 作成の要素は内部接続と外部接続を分離します。自動高さは外部に影響しません。フローティング要素について計算する必要があります

2. BFC 要素を作成すると、その境界ボックスはフローティング要素と重なりません

3. BFC 要素を作成し、そのマージンは子要素と重なりません

表示の一部value は BFC も自動的に作成します

以上がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトに注目してください。

関連する推奨事項:

CSS を使用した Web ページの縞模様の背景スタイルの作成の概要

CSS3 の位置決めとフローティングの概要

以上がCSS ブロック レベルの書式設定コンテキスト BFCの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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