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

--＞
＜/head＞

＜body＞
　　　　
　　　
＜div class="body"＞中華料理は全世界のブランド。＜/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＞