[CSS] div圖層的絕對,相對及固定位置(position)

絕對位置
(以網頁左上角為基準的絕對位置)

[Copy to clipboard] [ - ]

CODE:

position : adsolute;
top : 10px;
bottom : 10px;
left : 10px;
right :10px;

相對位置
(受前一個元素位置和大小的影響)

[Copy to clipboard] [ - ]

CODE:

position : relative;
top : 10px;
bottom : 10px;
left : 10px;
right :10px;

固定位置
(不受網頁捲動而移動,固定在網頁上的一個位置)
※IE6以下版本完全無法支援,需要特殊方法解決 [範例網頁]

[Copy to clipboard] [ - ]

CODE:

position : fixed;
top : 10px;
bottom : 10px;
left : 10px;
right :10px;

關於position的其他實驗
http://w3help.org/zh-cn/causes/RM8024