position屬性是css裡比較常用的乙個屬性，用於設定html頁面中的定位方法但是這個屬性初學者理解起來可能沒怎麼容易，現在我簡單的講一下這個屬性。
position屬性指定乙個元素的定位方法的型別，它的值有5個（我學的時候是4個，但是我後來查相關文件時候又多出來乙個），使用了position後可以用left、righ、top、bottom屬性進行定位。
他們分別是：static、relative、fixed、absolute、sticky
static：靜態定位
html 元素的預設值，即沒有定位，遵循正常的文件流物件。靜態定位的元素不會受到 top, bottom, left, right影響，這個不多做解釋，靜態定位使用語句（position:static;）
relative:相對定位
相對定位的相對指的是相對於元素原來的位置進行定位（用座標來表示原來位置的座標為（0,0）），例如我們使用相對定位(position:relative;)距離左邊5px（left:5px;）,則定位後元素的座標為(0,5)。（注意：該元素原本位置所佔的空間還是存在的，不會被別的元素占用）
absolute：絕對定位
絕對定位相對於最近的已定位父元素進行定位(不在是原來的位置)，如果元素沒有已定位的父元素，那麼它的位置相對於;（注意：與相對定位相反，該元素原本位置所佔的空間會被別的元素占用），絕對定位使用語句(position:absolute;)
fixed：固定定位
固定定位相對於瀏覽器視窗進行定位，使用了這個定位方法後元素的位置是固定的，即便瀏覽器視窗滾動元素的位置也不會改變（其它定位方法會隨著視窗滾動而滾動）。固定定位使用語句(position:fixed;)
sticky：粘性定位
sticky 英文本面意思是粘，貼上，所以可以把它稱之為粘性定位（應該是後面才出來的，我學的時候沒見過）。基於使用者的滾動位置來定位。粘性定位的元素是依賴於使用者的滾動，在 position:relative 與 position:fixed 定位之間切換。它的行為就像 position:relative; 而當頁面滾動超出目標區域時，它的表現就像 position:fixed;，它會固定在目標位置，例如我們上網時的廣告彈窗，會跟著滑鼠滾動而滾動，死死跟著你，超級討厭。粘性定位使用語句(position:sticky;)。
以上就是html頁面中的定位方法，有什麼不對的地方還請大家指正，謝謝。
CSS 定位position屬性
div h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為一塊內容，即 塊框 與之相反，span 和 strong 等元素稱為 行內元素 這是因為它們的內容顯示在行中，即 行內框 您可以使用 display 屬性改變生成的框的型別。將 display 屬性設定為 block，可以讓行內元素...
CSS 定位屬性position
一 position 屬性 規定元素的定位型別。即元素脫離文件流的布局，在頁面的任意位置顯示。有4種不同型別的定位 absolute 絕對定位 脫離文件流的布局，遺留下來的空間由後面的元素填充。定位的起始位置為最近的父元素 postion不為static 否則為body文件本身。relative 相...
css 聊聊position屬性
今天呢，想聊聊css裡的position屬性。也就是元素定位屬性。目的呢，是為了梳理一下自己學習工作中積累的經驗。根據mdn文件，css屬性 position 用於指定乙個元素在文件中的定位方式。另外還需要偏移屬性top,right,bottom 和 left來決定了該元素的最終位置。適用於所有元素...