position 屬性用于指定一個元素在文檔中的定位方式。top、right、bottom 和 left 屬性決定了該元素的最終位置。

static： 默認值，沒有定位，指定元素使用正常的布局行為，即元素在文檔常規(guī)流中當前的布局位置，此屬性下 top、right、bottom、left 和 z-index 屬性無效。

relative相對定位：元素先放置在未添加定位時的位置，在不改變頁面布局的前提下調(diào)整元素位置（此時會在此元素為添加定位時所在位置留下空白）。position:relative 對 table-row、table-column、table-cell、table-caption 元素?zé)o效。

absolute絕對定位：生成絕對定位的元素，元素會被移出正常文檔流，并不為元素預(yù)留空間，通過制定元素相對于最近的非static定位祖先元素的偏移，來確定元素位置，絕對定位可以設(shè)置外邊距合并（margin），并且不會與其他邊距合并。

fixed固定定位：元素的位置在屏幕滾動時不會發(fā)生改變位置。

sticky (黏性定位,吸頂效果)：設(shè)置了sticky的元素，在屏幕范圍（viewport）時該元素的位置并不受到定位影響（設(shè)置是top、left等屬性無效），當該元素的位置將要移出偏移范圍時，定位又會變成fixed，根據(jù)設(shè)置的left、top等屬性成固定位置的效果。