今天是第一次寫部落格，就寫一點關於對position標籤的小總結。
對於標籤的意思就不在解釋，這裡主要通過一些些細節方面來展現fixed， relative，absolute這三個標籤，當然這都是我自己的理解，可能會有錯誤，僅供參考。
因為這個樣式是修飾div這種標籤的，是有大小的，因為我們在使用的時候務必要考慮到它會對div有什麼影響，畢竟要是一不小心改變了設定好的框架，肯定是得不償失的。
首先從是否佔據實際位置來說，這是乙個很關鍵的問題，我們肯定是要清楚寫乙個新的div的時候，它是怎樣在佔據位置的。在這三個標籤中，有兩個都是不佔據位置的，分別是fixed和absolute，不佔據位置也就是說不管你在哪個div中或者之間加上這個div，它對於原框架均沒有影響
由於設定了fixed黃色部分不佔位置，那麼藍色直接在紅色後面，直接被浮上來的黃色擋住。
而這兩個標籤也是有很大區別的，首先，fixed是相對於瀏覽器定位，固定自己的位置，其他的功能我不太清楚，記住這個就夠用了，也就是說，當瀏覽器向下滾動時，它還是在螢幕中的那個位置，不會動。而這一點absolute就不一樣了，它首先是要寫在上乙個父元素position屬性值不為預設值的div中。因此，可得知：如果符合條件的父元素隨著瀏覽器的滾動而動，由於它是在這個父元素中固定，也會隨著這個父元素的動而動。
而對於這個佔據位置的relative，相對來說是這三個中最容易理解的，首先我們不用考慮它是否定位，把它當做乙個普通的div。框架做好後，我們如果想對這單獨的乙個div進行位置的變化，就可以用到這個標籤，也就是說，這個樣式，它既佔據位置，又不會對其它div的位置產生影響（如果是它移動擋住了別的div的內容，那就是別的方面的，這裡僅說位置），它佔據的是開始時候排版設定好的位置，而它的浮動是在原位置的基礎上浮動，可以理解為是浮上來的，但是原來位置還在。
由於是relative，原來的排版將會正常，而之後黃色開始自己的浮動。
從這裡我們可以看出來，relative更加接近正常，變化也最小。
最後對於這些樣式的用法進行乙個簡短的思考：
fixed沒什麼好說的，很簡單的乙個用法。
而absolute就有點意思了，在乙個div中，如果想排布乙個亂七八糟的框架，這時候便可以用到absolute，我們完全可以僅用absolute對所有的內部div進行位置上的固定，便可實現我們的目標，它省去了我們去設定乙個又乙個的大小巢狀在一起的div，而且還不一定能實現目標。當然我們要在迫不得已的情況下使用它，畢竟這樣不太規範。
而relative的用處也不算小，模擬absolute，我們可以先將大的布局設定好，當然div的框架大小一定要準確，之後用relative將每乙個div都調整到我們預期的位置，這樣也是可以的。
當然這些都是不能當做常規手段來使用的，不能對它們產生依賴，而忽略了對布置框架能力的提公升，畢竟這才是實在的能力提公升。
如果存在什麼問題，歡迎告知，我也能發現一些錯誤。
HTML的position屬性簡單應用
一 position的應用場景 position有多個值，其中三個經常用的到分別 relativeabsolutefixed。absolute絕對定位，相對於父級並且父級設定了relative進行定位。如果父級沒有設定relative使用margin top屬性的時候，會讓父級隨之變動。如下 cha...
position的應用及結構
position relative 相對定位 1 不影響元素本身的特性 2 不使元素脫離文件流 元素移動之後原始位置會被保留 3 如果沒有定位偏移量，對元素本身沒有任何影響 4 提公升層級 定位元素位置控制 top right bottom left 定位元素偏移量。position absolut...
簡單的理解position與anchorPoint
很多人都搞不清楚這兩個點，其實這兩個點還是不難理解的，用一句話就能概括 anchorpoint 表示這個點在 自身layer 中的位置，position 表示這個點在父layer中的位置 1.anchorpoint 錨點，用很多人舉過的例子 把一張a4白紙用圖釘訂在書桌上，如果訂得不是很緊的話，白紙...