DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS定位的幾個類型簡單介紹
CSS定位的幾個類型簡單介紹
編輯:CSS詳解     
1、相對定位 - relative

使用相對定位的盒子,會相對它原來應該在的位置進行偏移,偏移到指定的位置;
使用相對定位的盒子仍然在標准流中,它對父盒子和兄弟盒子沒有任何的影響。

2、絕對定位 - absolute

使用絕對定位的盒子以它的“最近”的一個“已經定位”的“祖先元素”為基准進行偏移。如果沒有已經定位的祖先元素,那麼會以浏覽器窗口為基准進行定位;
絕對定位的框從標准流中脫離,這意味著它們對其後的兄弟盒子的定位沒有影響,其他的盒子就好像這個盒子不存在一樣。

3、靜態定位 - static
默認值,基本不需要關注

4、固定定位 - fixed
它和絕對定位類似,只是以浏覽器窗口為基准進行定位,也就是當拖動浏覽器窗口的滾動條時,依然保持對象位置不變
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved