通過在逆戰班三周的學習對css相對定位和絕對定位的了解:
css定位position相對定位（relative）和絕對定位（absolute）
position用於設定物件的定位方式：
1.static，無特殊定位（靜態的預設值）。
2.relative:相對定位
特點：佔位，相對於自身原有位置進行偏移，仍處於標準文件流中，其依據top,bottom,left,right,z-index等屬性進行位置偏移。
理解：對於某一元素設定了相對定位後，首先這個元素會跟其他元素一樣，出現在文件流中它應該出現的位置，然後我們可以通過以上的五個屬性，對它設定水平或垂直偏移量，使這個元素相對於它在文件流的起始位置進行偏移。
不會脫離文件流，空間是會被保留的，不影響其他元素的布局。
注：在使用相對定位時，元素雖然被偏移了，但它的起始位置仍被佔據著。
例:設定三個浮動的塊
給第二塊使用相對定位,position:relative;top:20px;left:50px;得到下圖:
3.絕對定位：absoiute
特點：不佔位，將物件從文件流中拖出，通過width、height、left、right、top、bottom等屬性與margin、padding、border進行絕對定位。絕對定位的元素可以有邊界，但這些邊界不壓縮。其層疊關係通過z-index屬性定義。
例：
給第二塊使用絕對定位，position：absolute;top:-50px;left:-20px;如下圖：
CSS 絕對定位與相對定位
前幾天遇到了上班的第乙個難題，專案想要實現這樣的效果 實際效果比視覺圖上下多了兩截。但是，聰明如我怎麼可以在我的第乙個頁面上屈服呢！於是在光明正大地看了其他 類似效果的原始碼之後，我也get到了這個技能！原來這裡是用到障眼法，分別畫出兩個細成一條線的div，分別為.border first和.bor...
css相對定位與絕對定位
逆戰班通常情況下，我們用css定位來解決容器疊加排列的 問題，而用浮動解決左右排列的問題。position屬性的值主要有static，relative，absolute，fixed和sticky這幾種，position屬性的預設值為static，也就是沒有定位，元素在正常的文件流中，這時候給元素加偏...
CSS的相對定位與絕對定位
在css中，所謂絕對定位指的是 相對於 已經定位的祖先元素，如果不存在已經定位的祖先元素，那麼就 相對於 最初的包含快 一般情況下為body 相對定位指的是相對於元素初始位置進行定位。下面來講述兩者的區別 1 相對定位 相對定位比較簡單，如果在某個元素中設定了position屬性為relative,...