1.static：物件遵循常規流。此時4個定位偏移屬性不會被應用。
2.relative：物件遵循
常規流，並且參照自身在常規流中的位置通過top，right，bottom，left這4個定位偏移屬性進行偏移時不會影響常規流中的任何元素。
3.absolute：物件脫離
常規流，此時偏移屬性參照的是離自身最近的定位祖先元素，如果沒有定位的祖先元素，則一直回溯到body元素。盒子的偏移位置不影響常規流中的任何元素，其margin不與其他任何margin摺疊。（於是有了父相對，子絕對的套路）
4.fixed：與absolute一致，但偏移定位是以視窗為參考。當出現滾動條時，物件不會隨著滾動。
5.sticky：物件在常態時遵循常規流。它就像是relative和fixed的合體，當在螢幕中時按常規流排版，當捲動到螢幕外時則表現如fixed。該屬性的表現是現實中你見到的吸附效果。（css3）
center：與absolute一致，但偏移定位是以定位祖先元素的中心點為參考。盒子在其包含容器垂直水平居中。（css3）
page：與absolute一致。元素在分頁**或者區域塊內，元素的包含塊始終是初始包含塊，否則取決於每個absolute模式。（css3）
position：static | relative | absolute | fixed | center | page | sticky
（center,page 與absolute一致，後面三個為css3屬性）
1.當position的值為非static時，其層疊級別通過z-index屬性定義。
2.絕對定位的元素，在top，right，bottom，left屬性未設定時，會緊隨在其前面的兄弟元素之後，但在位置上不影響常規流中的任何元素。
CSS 定位position屬性
div h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為一塊內容，即 塊框 與之相反，span 和 strong 等元素稱為 行內元素 這是因為它們的內容顯示在行中，即 行內框 您可以使用 display 屬性改變生成的框的型別。將 display 屬性設定為 block，可以讓行內元素...
CSS 定位屬性position
一 position 屬性 規定元素的定位型別。即元素脫離文件流的布局，在頁面的任意位置顯示。有4種不同型別的定位 absolute 絕對定位 脫離文件流的布局，遺留下來的空間由後面的元素填充。定位的起始位置為最近的父元素 postion不為static 否則為body文件本身。relative 相...
CSS定位屬性Position詳解
css中最常用的布局類屬性，乙個是float css浮動屬性float詳解 另乙個就是css定位屬性position。所有元素的預設定位都是 position static，這意味著元素沒有被定位，而且在文件 現在它應該在的位置。一般來說，不用指定 position static，除非想要覆蓋之前設...