CSS に含まれるブロックの概念は何ですか? CSS にブロックの概念を組み込むためのガイドライン

この記事の内容は、CSS にブロックを含めるという概念とは何ですか? CSS にはブロックの概念に関するガイドラインが含まれており、必要な方は参考にしていただければ幸いです。

ルート要素

デフォルトでは、html 要素は包含ブロックであり、一部のブラウザでは本文が包含ブロックに設定されます。

非ルート要素は 2 つの状況に分けられます:

1. Position:relative、position:static など、position:absolute を設定しない非ルート要素の場合##この状況 下部の包含ブロックは、最も近いブロックレベル要素のコンテンツ領域の端に設定されます。これはマージンやパディングの端ではなく、コンテンツ領域の端であることに注意してください。

2.position:absolute 絶対位置指定を使用する要素

この場合、包含ブロックは最も近い位置に設定され、静的な祖先要素ではありません (ここでの祖先要素はブロック レベル要素。インライン要素

a である場合もあります。祖先要素がブロック レベル要素の場合、包含ブロックはブロック レベル要素のパディング エッジに設定されます。

b. 祖先要素がインライン要素の場合、ブロックはインライン要素のコンテンツの端に設定されます。

「相対」は相対的です。 CSS ドキュメント フローにおける要素の初期位置

"Absolute. " は、最も近い位置にある祖先要素を基準にしています。

絶対配置では、ページ上の他の要素がカバーされ、重なり順は次のようになります。 z-index 属性によって制御されます。

流体レイアウトでの相対位置:

フロー レイアウトは、当然のことながら左から右、上から下のレイアウトです。要素の位置:相対と座標が設定されている場合、要素はその座標をオフセットします。

CSS3 チュートリアル

の詳細については、PHP 中国語 Web サイト

## を参照してください。

以上がCSS に含まれるブロックの概念は何ですか? CSS にブロックの概念を組み込むためのガイドラインの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。