static：
元素根據文件的正常流程定位。
的top，right
，bottom
，left
，和z-index
效能有任何影響
。這是預設值。
relative：
該元件根據文件的正常流動定位，然後偏移
相對於它本身
的基礎上的值top，right，bottom，和left。
偏移量不會影響任何其他元素的位置;
因此，頁面布局中為元素給出的空間與位置相同
static。
當值不是
時，此值將建立新的疊堆上下文
。它在影響，，
，，和元素是不確定的。
absolute;
該元素將從普通文件流中刪除，並且不會為頁面布局中的元素建立空間。
它相對於其最近的祖先（如果有的話）定位;
否則，它相對於初始包含快放置。
其最終位置是由的值確定的
top，right，bottom，和left。
當值不是
時，此值將建立新的疊堆上下文
。絕對定位框的邊距不會
與其他邊距一起摺疊
。fixed：
該元素將從普通文件流中刪除，並且不會為頁面布局中的元素建立空間。
它相對於所述初始位置包含快
通過所建立的視口
除了當它的祖先中的乙個具有，transform，perspective，或filter屬性設定為比其他的東西none，在這種情況下祖先表現為包含塊。
（請注意，存在與瀏覽器的不一致性
perspective和filter有助於包含塊的形成。）其最終位置是由的值確定的top，right，bottom，和left。
此值始終建立新的疊堆上下文
。在列印文件中，元素放置在
每個頁面
上的相同位置
。sticky：
該元件根據文件的正常流動定位，然後偏移相對於它的
最近的祖先滾動
和包含塊
（最接近的塊級祖先），包括表相關的元素的基礎上的值top，right，bottom，和left。
偏移量不會影響任何其他元素的位置。
此值始終建立新的疊堆上下文
。需要注意的是粘性元素「大棒」，以具有「滾動機制」，其最近的祖先（建立時
overflow是hidden，scroll，auto，或overlay），即使祖先是不是最近的實際滾動的祖先。
這有效地抑制了任何「粘性」行為。
關於css中的position
對於position的幾個屬性 static 無特殊定位，物件遵循html定位規則 absolute 將物件從文件流中拖出，使用left，right，top，bottom等屬性進行絕對定位。而其層疊通過z index屬性定義。此時物件不具有邊距，但仍有補白和邊框 relative 物件不可層疊，但將...
HTML中position的介紹
所有的框模型一開始都是按文件中正常的元素流定位，而定位position屬性允許我們改變這些自然的位置。通過利用一些簡單的css規則，position使得設計者可以將html元素精確放置，position屬性確定了每個元素框 box 定位的參考點。在詳細介紹之前，我們先簡要的說明一下定位的4種方法 1...
css中的定位（position）
w3c中對position各個 屬性值定義 static 元素框正常生成。塊級元素生成乙個矩形框，作為文件流的一部分，行內元素則會建立乙個或多個行框，置於其父元素中。relative 元素框偏移某個距離。元素仍保持其未定位前的形狀，它原本所佔的空間仍保留。absolute 元素框從文件流完全刪除，並...