'left'＆ 'top'プロパティに 'position'プロパティを設定した場合の影響を説明できますか？

Question

私は下のCSSクラスを使用してdiv要素を持っている場合：

div要素の可視位置を個別に以下の各行を実施する場合にはshifted-だろう - どのように上記の指定された座標が影響を受けているんどのように

{ 
    top: 100px; 
    left:500px; 
} 

？ （例えば：位置が特定の値に設定されている場合には、左&トッププロパティを設定するようにしても意味がない？）

position: absolute; 
position: static; 
position: fixed; 
position: inherit; 
position: relative; 

Answer 1

position: absolute; 

座標値とpositionと任意の祖先要素からオフセットされていますそれはstaticではありません。存在しない場合は、文書からのものです。

jsFiddle。

position: static; 

これはデフォルトのpositionです。オフセットは要素の位置には影響しません。

jsFiddle。

position: fixed; 

オフセットは、ビューポートの現在のスクロール部分に関連しています。古いIEはこのプロパティをサポートしていませんでした。

jsFiddle。

position: inherit; 

これは、サポートされている場合、親要素のCSSから継承します。古いIEはこのプロパティをサポートしていませんでした。

jsFiddle。

position: relative; 

これは要素の通常の位置に相対的です。

jsFiddle。