相対位置決めの絶対位置決め？

Question

W3Schoolsの（http://www.w3schools.com/css/css_positioning.asp）によれば：

相対的に位置決め要素はしばしば 絶対配置要素のコンテナブロックとして使用されます。

なぜですか？良い例はありますか？

Answer 1

良い例は、ページに何かを配置する場合、またはコンテナ/ divに「相対」を配置する場合です。

は、ここに私のフィドルhttp://jsfiddle.net/doitlikejustin/RdWQ7/2/

これは「相対」のdivの内側にあること絶対のdivせずに、内容は文書本体に並んでいることを示しています。 position: relativeを有する緑色DIV（#box1）は、（#inner1）内部DIVはそれが右INSIDE #box1の/上部を整列すること

注意。

緑色のボックス（#box1）とまったく同じHTMLレイアウトを有する青色のボックス（#box2）、position: relativeを含み、その内部DIV（#inner2）はbodyの上部/右に整列されていることを気づきませんここで

#box1, #box2 { 
    width: 100px; 
    height: 100px; 
    color: white; 
    text-align: center; 
    line-height: 100px; 
} 
#box1 { 
    background: green; 
    position: relative; 
} 
#box2 { 
    background: blue; 
} 

#inner1, #inner2 { 
    width: 50px; 
    height: 50px; 
    top: 0; 
    right: 0; 
    position: absolute; 
    background: black; 
    opacity: 0.5; 
    color: white; 
    text-align: center; 
    line-height: 50px; 
} 

---

相対ポジとページ要素

...クリスCoyierからそれについての良い記事です に子要素を絶対配置します。

出典：http://css-tricks.com/absolute-positioning-inside-relative-positioning/

Answer 2

絶対位置付け要素が相対的要素ではない場合は、値を右、左、トップ、またはボットを設定するときに、それはからの絶対位置の要素を移動します体をその値で表します。 これはどういう意味ですか？たとえば、絶対位置要素の属性topを10pxに設定すると、要素は画面の上部から10ピクセルだけ押し出されます。

絶対位置要素が相対要素内にある場合、値の上、左、右、またはボットを設定すると、その相対要素からその値だけ絶対位置要素を移動します。 これはどういう意味ですか？たとえば、絶対位置要素の属性topを10pxに設定すると、要素を相対要素の上端から10ピクセル押します。そこでは相対的な要素を動かすことができ、その中の絶対的な配置された要素は常に相対的な要素の上から10ピクセルです。他の回答には、明示的な状態ではなく何

Answer 3

はこれです：

絶対位置は、静的な位置を持っていない最も近い祖先に出て測定されます。祖先に相対的な位置付けを与えることは、この目的のための手段にすぎません。それは相対的なものである必要はなく、単に静的にすることはできません。

絶対位置と

上面と素子：10pxの。

は、位置が静的でない最も近い祖先の上から10ピクセルです。