17. 定位position

CSS的
定位
Position		 body內
第一層
#ABC		 第一層#ABC
內的第二層
#XYZ		 Placement
置入移位		 寬度
設定		 前後內容影響
static
靜態		 座標
相對於
body
一定是
(0,0)		 座標
相對於
#ABC
還是(0,0)		 不能
（利用內外邊界
移動內容）		 可以
不用		 前後內容皆會相對影響
互相推動位置
也就是內容相對
◎ margin算在座標範圍內
relative
相對		 座標
相對於
body		 座標
相對於
#ABC		 可以 要 前後內容皆會相對影響
互相推動位置
也就是內容相對
◎ margin算在座標範圍外
absolute
絕對		 座標
相對於
body		 座標
相對於
#ABC		 可以
（應該輸入
才有意義）		 要 前後內容與絕對定位的方框
互相不會影響
也就是內容絕對
fixed
固定		 座標
相對於
body		 座標
相對於
#ABC		 可以
（應該輸入
才有意義）		 要 前後內容與絕對定位的方框
互相不會影響
也就是內容絕對
特別的是：不會被捲動移走

 

※不論定位是那一種，座標位置皆相對於上一層。

 

以下是在body中連續插入的４個DIV