未脫離文件流，即瀏覽器按照dom結構從上而下，從左而右對頁面進行渲染時，某元素按照順序出現在頁面中。
脫離文件流，也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文件流的元素不存在而進行定位。
普通定位就是從上到下從左到右依次排布的布局。
普通流中的元素的位置由元素在 (x)html 中的位置決定。除非專門指定，否則所有框都在普通流中定位。元素的位置相對於它在普通流中的位置。
如果對乙個元素進行相對定位，它將出現在它所在的位置上。然後，可以通過設定垂直或水平位置，讓這個元素「相對於」它的起點進行移動。移動元素會導致它覆蓋其他的框，但是他原本處於的文件空間不會改變。不脫離文件流。比如相對定位使得本在第二行的元素div上浮了一行的高度，則他會和本來在第一行的元素疊加，但是他在第二行的位置還是會空在那裡，下乙個塊級元素會從第三行開始布局。相對於最近乙個已經定位的祖先元素定位，如果最近沒有定位的祖先元素，則根據根元素定位。(所以一般情況下，子元素要設定絕對定位的話，父元素要設定相對定位)脫離文件流，可以覆蓋頁面上的其他元素。z-index：設定元素的堆疊順序(設定乙個定位元素沿z軸的位置)。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。屬性值可以為負數。z-index僅能在定位元素上有效。所有瀏覽器都支援。根據瀏覽器視窗進行定位(拉動頁面時，元素位置不動)。img脫離文件流，可以覆蓋頁面上的其他元素。基於使用者的滾動位置來定位。粘性定位的元素是依賴於使用者的滾動，在 position:relative 與 position:fixed 定位之間切換，在跨越特定閾值前為相對定位，之後為固定定位。這個特定閾值指的是 top, right, bottom 或 left 之一。
目前瀏覽器的支援度不好。div.stickycss中的定位
本文只是個額外的說明，作為基礎知識的補充和額外的關注點 定位的分類以及預設定位 fix,static,relative,absolute 各個定位的包含塊是怎麼樣的 1.relative和static的包含塊由最近的塊級框，表單元格或行內塊祖先框的內容邊界構成 2.fixed的包含塊是視窗本身 3....
css中的定位
在css中避免不了定位，在實際開發中，關於定位模組有很多，定位有三種型別，絕對定位，相對定位，固定定位 1.絕對定位 position absolute 絕對定位 使元素脫離文件流，使元素提公升了半個層級 如果不指定定位父級，那麼絕對定位相對於文件可視區定位 塊元素 寬度不自適應，如果不設定大小，大...
CSS中的定位
static定位 position static 是元素在文件流中的預設定位，一般不會顯示寫出來，他會按照先後順序排列元素。fixed 定位 position fixed 跟他的名字一樣，使用這個定位，可以讓元素釘 在螢幕可視區域中，定位也是 相對於可視區域定位的。relative相對定位 posi...