2012年11月15日 星期四

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

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

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

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

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

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

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

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

0 意見:

張貼留言

 

MangoHost Copyright © 2009 Cookiez is Designed by Ipietoon for Free Blogger Template