Aは、位置属性は、一般的に以下の4つの値を有する位置決め要素のタイプを指定します。
デフォルトの静的
相対位置決め相対
絶対位置、絶対
固定位置の固定
要素は、上部、底部、左、右の位置決め特性に用いることができます。しかし、これらの属性は、それが最初に設定されていない限り、動作しないことができる位置プロパティが、彼らはまた、作業の測位方法に応じて、さまざまな方法があります。
第二に、説明する例が
1、デフォルトの静的
HTML要素のデフォルト値は、配置されていない、ドキュメントオブジェクトの通常の流れに従ってください。静的な要素が上、下、左、右に影響されません配置しました。
図2に示すように、相対位置決め相対
要素自体に位置をオフセット、要素は形状が本来のスペースを占有スローを、配置されていない保持するサブ要素が絶対要素に対して位置決めすることができ、残ります。
実際のケースの結果：
図3に示すように、絶対配置絶対
所定の絶対配置要素が使用する、ドキュメントフローからドラッグされ、最も近い位置する親要素の絶対位置に対して左、右、上、下、および他の特性を、親要素が設定されていない場合、属性を標的トップは、body要素を配置するための基準としての角を左に。絶対位置決め要素を積層してもよいし、積層の順序は、z-index属性によって制御することができ、z屈折率の値が上記の大きな単位なし整数0デフォルトである、負があってもよいです。
実際のケースの結果：
図4に示すように、固定された位置決め固定
偶数ページがスクロールした場合、それはまだページの要素の固定位置が元の適切なギャップを保持しません、同じ位置にとどまることを意味見つけることがブラウザウィンドウに対する相対スペースがありません、。
実際のケースの結果：
逆战班学习总结：定位在网页布局中也是经常会用到的，在使用的时候一定要考虑好定位值是否占空间，该使用哪一个，尤其是要注意绝对定位在使用的时候一定要搭配着相对定位使用才可以发挥作用。