＜head＞
＜style type="text/css"＞
＜!--
.body2 {
	position: absolute;
    top:100px;
	left:300px;
	border:solid 4px gray;
	background-color:white;
	width:400px;
	padding:12px;
	font-size:12px;
	line-height:1.6em
;}

--＞
＜/head＞

＜body＞
　　　　
　　　
＜div class="body2"＞フレンチはイタリアンとともに西洋を代表するレストランの代名詞だが、
そのものの持つイメージは異なり・・・＜/div＞

＜/body＞

ポジショニングの方法は、下記ののいずれかで指定します。
static（既定値：本来の位置）
relative（本来の位置からの相対位置指定）
absolute（絶対位置指定）、fixed（絶対位置に固定）
inherit（継承）
fixed は画面のスクロールに対して固定されます。

Netscape 6.0 ではサポートされていますが、IE6.0 ではまだサポートされていません。

例１　＜span style="position:absolute; top:100px; left:100px;"＞
	　＜img src="xxx.gif" width=50 height=50 alt="xxx"＞
　　　＜/span＞

absolute は、relative、 absolute を指定した親要素（無ければページ）の左上を原点とする。
親要素を原点とした絶対位置（＝親要素からの相対位置）で座標を指定することが可能。
下記の通り指定する。


例2＜div style="position:relative; width:70px; height:70px; background-color:silver;"＞＜/div＞
 ＜div style="position:absolute; top:10px; left:10px;
 　　　　　　　width:30px; height:30px; background-color:red;"＞＜/div＞
 ＜div style="position:absolute; top:20px; left:20px;
  　　　　　　　width:30px; height:30px; background-color:blue;"＞＜/div＞
＜div style="position:absolute; top:30px; left:30px;
  　　　　　　　width:30px; height:30px; background-color:green;"＞＜/div＞