position屬性指定乙個元素（靜態的，相對的，絕對或固定）的定位方法的型別。
這個屬性定義建立元素布局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會生成乙個塊級框，而不論該元素本身是什麼型別。相對定位元素會相對於它在正常位置中的預設位置偏移。
例如
生成固定定位的元素，相對於瀏覽器視窗進行定位。
元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
例如：
效果為：
可以看到此時該元素處於視窗左上角（預設），接著我們拖動進度條，往下移動
發現元素仍然處於瀏覽器視窗的左上角
生成相對定位的元素，相對於其正常位置進行定位。
因此，"left:20" 會向元素的 left 位置新增 20 畫素。
例如：
生成絕對定位的元素，相對於static 定位以外的第乙個父元素進行定位。
元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
例如
//作為非static位置的父元素
//位置為absolute的子元素
//作為位置為static的父元素
//位置為absolute的子元素
可以看到，第乙個子元素由於父元素非static位置，因此相對父元素所移動位置，而第二個子元素由於父元素為static位置，所以相對瀏覽器視窗所移動，但和fixed不同，這個移動並不會跟隨瀏覽器視窗，也就是說拖動滾動條，這個元素的位置會改變，不是定位在視窗視角的某處。
規定應該從父元素繼承 position 屬性的值。
HTML中position的介紹
所有的框模型一開始都是按文件中正常的元素流定位，而定位position屬性允許我們改變這些自然的位置。通過利用一些簡單的css規則，position使得設計者可以將html元素精確放置，position屬性確定了每個元素框 box 定位的參考點。在詳細介紹之前，我們先簡要的說明一下定位的4種方法 1...
HTML中的position布局
在html中網頁可以看成乙個立體的空間，乙個完整的頁面是由很多個頁面堆積形成的，如下圖所示 css中position屬性有四個可選值，它們分別是 static absolute fixed relative。position static 無定位 該屬性值是所有元素定位的預設情況，在一般情況下，我們...
html中的position屬性
position共3個屬性 1.absolute 脫離原來的位置進行定位 跟最近的父級進行定位，如果沒有則相對文件進行定位 2.relative 保留原來的位置進行定位 自己原來的位置仍然佔據 相對自己原來的位置進行定位 3.fixed 與absolute定位模式相同，不同之處在於，fixed的定位...