HTML5：定位
阿新 • • 發佈：2019-01-10
定位
一、介紹：
position設定塊級元素相對於其父塊的位置和相對於它自身應該在的位置，任何使用定位的元素都會成為塊級元素。
1、屬性值
| 屬性值 | 描述 |
|---|---|
| absolute | 生成絕對定位的元素，相對於 static 定位以外的第一個父元素進行定位。如果元素沒有已定位的父元素，那麼它的位置相對於<html>【即相對與頁面的上、左邊框】；元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。 |
| fixed | 生成固定定位的元素，相對於瀏覽器視窗進行定位，即使視窗是滾動的，它也不會移動。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。 |
| relative | 生成相對定位的元素，相對於其正常位置【或父類元素】進行定位。因此，"left:20" 會向元素的 LEFT 位置新增 20 畫素（可以為負數）。 |
| static | 預設值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 宣告）。 |
| inherit | 規定應該從父元素繼承 position 屬性的值。 |
二、元素定位
1、a元素相對b元素定位
語法
a元素{ position: relative; } b元素{ position: absolute; }
