在html中網頁可以看成乙個立體的空間，乙個完整的頁面是由很多個頁面堆積形成的，如下圖所示
css中position屬性有四個可選值，它們分別是：static、absolute、fixed、relative。
◆position:static 無定位
該屬性值是所有元素定位的預設情況，在一般情況下，我們不需要特別的去宣告它，但有時候遇到繼承的情況，我們不願意見到元素所繼承的屬性影響本身，從而可以用position:static取消繼承，即還原元素定位的預設值。
◆position:absolute 絕對定位
使用position:absolute，能夠很準確的將元素移動到你想要的位置，
◆position:fixed 相對於視窗的固定定位
這個定位屬性值是什麼意思呢？元素的定位方式同absolute類似，但它的包含塊是視區本身。在螢幕**如web瀏覽器中，元素在文件滾動時不會在瀏覽器視察中移動。例如，它允許框架樣式布局。在頁式**如列印輸出中，乙個固定元素會出現於第一頁的相同位置。這一點可用於生成流動標題或腳注。我們也見過相似的效果，但大都數效果不是通過css來實現了，而是應用了js指令碼。
請特別注意，ie6不支援css中的position:fixed屬性。真的非常遺憾，要不然我們就可以試試這種酷酷的效果了。
◆position:relative 相對定位
所謂相對定位到底是什麼意思呢，是基於**的相對呢？我們需要明確乙個概念，相對定位是相對於元素預設的位置的定位。既然是相對的，我們就需要設定不同的值來宣告定位在**，top、bottom、left、right四個數值配合，來明確元素的位置。
HTML中position的介紹
所有的框模型一開始都是按文件中正常的元素流定位，而定位position屬性允許我們改變這些自然的位置。通過利用一些簡單的css規則，position使得設計者可以將html元素精確放置，position屬性確定了每個元素框 box 定位的參考點。在詳細介紹之前，我們先簡要的說明一下定位的4種方法 1...
html中的position屬性
position共3個屬性 1.absolute 脫離原來的位置進行定位 跟最近的父級進行定位，如果沒有則相對文件進行定位 2.relative 保留原來的位置進行定位 自己原來的位置仍然佔據 相對自己原來的位置進行定位 3.fixed 與absolute定位模式相同，不同之處在於，fixed的定位...
HTML中的position樣式
position屬性指定乙個元素 靜態的，相對的，絕對或固定 的定位方法的型別。這個屬性定義建立元素布局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會生成乙個塊級框，而不論該元素本身是什麼型別。相對定位元素會相對於它在正常位置中的預設位置偏移。預設值。沒有定位。多個postion為預設值的...