span.eg1 {position:static; border:solid 2px #9cf; }
ルート要素(html)の内容領域が包含ブロックとなる。
span.eg2 {position:relative; top:300px; left:200px; border:solid 2px #cc6;}
ルート要素(html)の内容領域が包含ブロックとなる。
IEにおいて、relativeな配置(inline)は横の描画にも影響を与えます。
span.eg3 {
position:absolute;
top:100px; left:100px;
border:solid 2px #9c6;
width:200px; height:200px;
}
ルート要素(html)の内容領域が包含ブロックとなる。
インラインになると置換要素になるようです。
span.eg4 {
position:fixed;
right:0%; bottom:0%;
border:solid 2px #f66;
width:200px; height:200px;
}
表示領域(ウィンドウやフレーム)に固定配置。