## 相對定位 #### 語法 ~~~ div{ position:relative; } ~~~ <br> #### 特性 * 不使元素脫離文檔流（元素移動之后原始位置會被保留） * 如果沒有定位偏移量，對元素本身沒有任何影響 <br> <br> ## 偏移量 ~~~ div{ /* 往下偏移10px */ top:10px; /* 往左偏移 10px */ right:10px; /* 往上偏移 10px */ bottom:10px; /* 往右偏移 10px */ left:10px; } ~~~ <br> ## 絕對定位 #### 語法 ~~~ div{ position:absolute; } ~~~ <br> #### 特性 * 使元素完全脫離文檔流，**有飛起來的感覺** * 使行內支持寬高 * 塊級元素內容撐開寬度 * 如果有定位父級相對于定位父級發生偏移，沒有定位父級相對于document發生偏移 **相對定位一般都是配合絕對定位元素使用！** <br> ## 層級 ~~~ div{ position:absolute; z-index:999; } ~~~ * 定位元素默認后者層級高于前者 * 層級高的會遮住層級低的 <br> ## 固定定位 ~~~ div{ position:fixed } ~~~ * 與絕對定位的特性基本一致，的差別是始終相對整個文檔進行定位 <br> <br> <br>