div.eg1 {
position:static;
border:solid 8px #9cf; }
最も近い祖先ブロック要素(div)の内容領域が包含ブロックとなる。
div.eg2 {
position:relative;
top:300px; left:200px;
border:solid 8px #cc6;
width:200px; height:200px;
}
最も近い祖先ブロック要素(div)の内容領域が包含ブロックとなる。
div.eg3 {
position:absolute;
top:100px; left:100px;
border:solid 8px #9c6;
width:200px; height:200px;
}
ルート要素(html)の内容領域が包含ブロックとなる。
div.eg4 {
position:fixed;
right:0%; bottom:0%;
border:solid 8px #f66;
width:200px; height:200px;
}
表示領域(ウィンドウやフレーム)に固定配置。