一、定位
設定元素在文件中的位置。會將標籤（元素）轉換為塊級
二、定位分類
1、static:靜態定位
預設值，沒有定位，不能設定偏移值(left/top/right/bottom)，占用標準流（文件流）
可以將.box2的樣式注釋掉，其實效果是一樣的，寫不寫無所謂因為是預設值，至於為什麼三個在同一行，是因為display設定成了inline-blick
2、relative:相對定位
占用標準流（文件流），它會出現在文件流中它該出現的位置。可以通過設定偏移值改變其位置。它相對於自身所佔的位置做偏移。
可以看到影象進行了偏移，它偏移的方向是相對於原來位置，其中注意的是top：100px其實是向下偏移100px，也就是偏移後的圖形頂部距離邊框的距離為100px，left：-100px才是向左100px
3、absolute:絕對定位
脫離文件流，相對於body做偏移。絕對定位一般與相對定位結合使用，它相對的父級是relative定義的元素做偏移。relative的元素必須是absolute的父級。在專案開發中，一般用relative+absolute結合使用，使用較多。
（1）沒有relative的情況
如果沒有relative的設定，那麼absolute就是相對於整個頁面進行偏移
（2）存在relative
如果存在relative，就像前面介紹的那樣，相對的父級是relative定義的元素做偏移。
4、fixed:固定定位
脫離文件流，相對於瀏覽器視窗左上角（0，0）做偏移，它與relative設定的物件沒有關係，也就是說，它跟父級的定位沒有任何關係。 一般在開發中用來固定導航欄，也可以理解成每次瀏覽**時總會出現的小廣告的固定位置。
可以看到，你不管怎麼移動，固定的方框位置永遠不會變
三、z-index
當多個元素新增絕對定位，元素將會疊加在一起，使用z-index可以設定元素顯示的層次。文件流預設的z-index的值為0。用在static和relative元素上將無效。
這個其實很好理解，數字大的在最上面，越小越在下，一般都是使用的是1,0，-1，當然前提數字也可以。
理解CSS浮動float 定位position
一 浮動float i 定義及規則 float預設為none,對應標準流的情況。當float left 時，元素就會向其父元素的左側靠緊，脫離標準流，同時寬度不再伸展至充滿父容器，而是根據自身內容來確定。ii 演示規則 準備 xml html code複製內容到剪貼簿 wxdwhjv 1 中間給 f...
css定位基礎
css 的position屬性定義建立元素布局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會生成乙個塊級框，而不論該元素本身是什麼型別。相對定位元素會相對於它在正常流中的預設位置偏移。取值 relative absolute fixed sticky relative absolute f...
CSS基礎學習之絕對定位和相對定位
序號 有無trbl 有無父級 有無文字 有無position1無 無無無2 無無有無 3有無無有4有 有無有5 有padding 無relative6有 padding，absolute無無 7有有無 absolute8有 absolute 無absolute9有 relative 無absolut...