CSS の絶対位置と相対位置について混乱しています。
<div id="container" style="position:"relative">
<button style="position:"absolute"; left:10px;" >
</div>上記の例では、位置を絶対として設定し、ボタンに 10px のままにすると、ブラウザー ウィンドウから位置を取得しないことを意味します。これの代わりに、コンテナーの位置は相対的であるため、親 div (コンテナー) から位置を取得します。なんで？
要素に絶対位置を設定すると、ブラウザウィンドウからのみ位置が取得されます。親要素をチェックしてから配置する理由。
任意の要素に対して相対位置を設定すると、親要素に基づいて位置が設定されます。
<p>Paragraph 1.</p>
<p>Paragraph 2.</p>
<p style="position: relative;left: 2em;">Paragraph 3.</p>上記の例では、3 番目の段落はコンテナー要素の左側から 3em の位置に配置されます。
私は以下のリンクを調査しました。
http://webdesign.about.com/od/advancedcss/a/aa061307.htm
http://www.barelyfitz.com/screencast/html-training/css/positioning/
absolute→ ブラウザ ウィンドウから位置を取得
relative→ 要素の親から位置を取得