七日のメモ
学習目標
- 見つけます
- 図PSカット
- ネットへの研究
見つけます
含む位置する二つの部品：
- 道の位置決め
- オフセット値は、右、上、下を去りました
オフセット値の正確な理解は、トップとして、「どの位置からずっと」である：100ピクセル、上から100個のピクセル（下がります）
静的なポジショニング
すべての標準ストリームは、静的なポジショニングです
position:static;- 典型的には少しで、標準的なフローに配置されている要素の一部を復元するために使用
- 静的な位置決めのためのオフセット値は、それが仕事、私たちは、要素の将来のポジショニングは、静的な位置決めが含まれていないことを言っていません。
相対的な位置
モバイルは、それらの標準ストリームの相対位置に対向配置されている位置決め
position:relative;特長：
1. 移动的出发点是自身标准流的位置
2. 相对定位移动的元素不会对别的元素产生干扰，“没有脱标”，真正占得位置还是标准流的位置（肉体不在 灵魂永驻）
3. 可以盖在标准流的上方
4. 一般用于微调元素和配合绝对定位来实现效果絶対位置
position:absolute;特長：
1.移动的出发点：
从绝对元素开始一直往上级找（直到找到最大的html标签），在这个过程中，只要有一个元素（A元素）是定位（相对，绝对，固定）的任何一个，这个绝对定位的元素就会参照这个A元素进行定位，并且不会在往上找了，如果一个都没有，最终会以html元素定位
2.脱标
1.1. 脱标的元素不占标准流的位置
1.2. 不会继承父级的的宽度，内容有多个就撑多大 （不论块级还是行内）
1.3. 可以直接写宽高 （不论块级还是行内）
1.4. margin:auto对于脱标元素不起作用賢い利用：水平位置ボックスは上下中央に作ります
left: 50%;
top: 50%;
margin-left:-自身宽度的一半;
margin-top:-自身高度的一半;使用します。
在工作中，绝对定位"大多"配合相对定位一起使用（父相子绝）
父相：在标准流上占有位置
子绝：针对这个标准流在去移动
注意：父绝子绝的情况也有，只是很少，不要完全形成思维定式。固定位置
position: fixed;特長：
1.脱标
1.1.脱标的元素不占标准流的位置
1.2.不会继承父级的的宽度，内容有多个就撑多大 （不论块级还是行内）
1.3.可以直接写宽高 （不论块级还是行内）
1.4.margin:auto对于脱标元素不起作用
2.移动的出发点：浏览器窗口 （直接表现：滚动条对于固定元素没有作用）位置決め要約4種類の
| 位置決めモード | マーク位置オフ所持しています | あなたはオフセットエッジを使用することができます | 基準位置を移動します |
|---|---|---|---|
| 静的静的 | 、ノーマルモードをオフにマークされていません | できません | ノーマルモード |
| 相対位置決め相対 | ない的外れ、位置を占めています | 缶 | 自身への相対的な位置 |
| 絶対位置、絶対 | 完全に的外れ、位置を占めていません | 缶 | 親モバイル位置特定に対して |
| 固定された固定位置 | 完全に的外れ、位置を占めていません | 缶 | 携帯電話のブラウザからの相対位置 |
Zインデックス
スタックレベルコントロール「ポジショニング」の要素
- 位置決め要素の影響をz屈折率のみ
- Zインデックス値が大きいほど、より高いレベル
思考：ボックスを抑制するために、大きなボックス内の大きな箱大きな箱の子要素下に押し続けます
- 親要素がレベル（親要素は、時間のz屈折率「を有する」、および値は、自動ではない）と比較した場合、サブ要素およびサブ要素との間の比較に行きません