閲覧者が Web ページドキュメントを表示するとき、通常、ユーザーエージェント (ユーザーエージェント、UA、ブラウザ) は閲覧者にビューポート (ウィンドウまたはスクリーン) 他の可視領域を提供します。ビューポートのサイズを変更すると、UA によってドキュメントのレイアウトが変更される場合があります。
ビューポートがファイルによって表示される Canvas 領域よりも小さい場合、UA はファイル全体を一目で確認できるスクロール メカニズムを提供する場合があります。理論的には、各 Canvas は最大 1 つのビューポートしか持つことができませんが、UA は複数の Canvas を生成できます (たとえば、フレーム グリッドなど、同じドキュメント上に異なる視覚領域を提供します)。
いくつかのボックスの位置とサイズが他の関連する「長方形ボックス」のエッジに基づいて計算される場合、そのような「長方形ボックス」をベアリングエリア包含ブロックと呼びます。簡単に言うと、いわゆるキャリー ブロックは、「要素」の位置やフローティングに関係なく、「要素」に最も近いブロック レベルの親要素を指し、その ベアリング ブロック が参照データとして使用されます。固定位置決め方式を除く）。
下はベアラーブロックの簡単な概略図です（demo-twoのベアラーブロックはdemo-oneです）。
正常な流れの方向とは何ですか？上から下、左から右の方向がいわゆる通常の流れです。ハイパーファイル マークアップ言語を例に挙げると、ソース コードの記述方向は上から下、左から右です。流れ。ブラウザーもこの傾向に基づいてソース コードを解釈 (文字通り翻訳) します。
別の言い方をすると、ほとんどの場合、通常のフローとは、Web ページ上で要素タグが表示される方法を指します。 さらに、ほとんどの HTML 要素タグはインライン ボックスまたはブロックボックスに属します。ブロック ボックスにはインライン ボックスを含めることができます。逆に、インライン ボックスにブロック ボックスを含めることはできません。
| 設定 | |
| デフォルト 2006 /02/15: static 適用対象: を除くすべての要素テーブル列グループとテーブル列 | 継承: なし |
| 静的配置|静的位置の配置 | ソースコードを書く時の順序に従って配置します。端的に言えば、私たちが作成した HTML 要素によって生成されるボックスを、本来の流れの方向があるべき場所に自然に配置できるようにすることを意味します。
相対位置|相対位置
絶対位置決め|絶対位置決め
static
にすることはできません。
ブラウザ ウィンドウの ビューポート
座標を基準として、位置は固定され、スクロールの動きによって変更されなくなります。
に属する
設定値
| z-index 値 | 軸位置の |
| デフォルト値: au to | 適用対象:配置要素
要素を重ねて互いに覆うために使用されます。値が大きいほどレベルが高くなります（マイナスの値も使用可能）。
| 所有 | 設定値 |
| クリップ 表示範囲をトリミング | Car | |
| デフォルト値: auto 適用対象: 絶対配置要素 継承: なし |
可視光範囲内のボリューム内でクリップします。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
