一、首先，按照普通流和非普通流來分類：
非普通流：顧名思義就是脫離普通流的，在普通流上面是不佔據位置的。
css有position的樣式，position包括：static，relative，absolute，fixed四種值。
1）static是屬於普通流；
2）relative也是屬於特殊的普通流；
3）absolute和fixed以及float就是屬於非普通流的，載入的時候，也會順序載入，但是會脫離普通流的位置。
css中脫離文件流，也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文件流的元素不存在而進行定位。
absolute和float的區別
一 首先，按照普通流和非普通流來分類 非普通流 顧名思義就是脫離普通流的，在普通流上面是不佔據位置的。css有position的樣式，position包括 static，relative，absolute，fixed四種值。其中static是屬於普通流 relative也是屬於特殊的普通流，詳細下面...
relative 和 absolute 的位置區別
relative 和 absolute 的位置區別 position absolute 他的意思是絕對定位，他是參照瀏覽器的左上角，配合top right bottom left 下面簡稱trbl 進行定位，在沒有設定trbl，預設依據父級的做標原始點為原始點。如果設定trbl並且父級沒有設定pos...
大前端relative和absolute詳解
很多朋友問過我absolute與relative怎麼區分，怎麼用？我們都知道absolute是絕對定位，relative是相對定位，但是這個絕對與相對是什麼意思呢？絕對是什麼地方的絕對，相對又是相對於什麼地方而言的呢？那他們又有什麼樣的特性，可以做出什麼樣的效果呢？關於兩者之間又有什麼樣的技巧呢？下...