一：絕對定位position: absolute絕對定位：絕對定位是相對於元素最近的已定位的祖先元素，如果元素沒有已定位的祖先元素，那麼它的位置則是相對於最初的包含塊（也就是body）。絕對定位本身與文件流無關，因此不佔空間，普通文件流中的元素的布局就當絕對定位的元素不存在時一樣，所以它們可以覆蓋頁面上其他的元素，且可以通過z-index屬性來控制這些層的相應順序。
#div1 /*由於div1沒有已定位的祖先元素，因此此處div1的位置是以body為準*/
#div1 span
效果圖：
二：相對定位position: relative注意：在使用相對定位時，無論是否進行移動，元素仍然佔據原來的空間。因此，移動元素會導致它覆蓋其它框。#div1
#div1 span
效果圖：
注意：position:absolute，float會隱式地改變display的型別（display：none除外）。即是當元素設定position:absolute、float:left、float:right中任意乙個時，都會讓元素以display:inline-block的方式進行顯示（特點是：可以設定長寬，預設寬度不佔滿父元素）。這時，再單獨設定display:inline; display:block都是無效的。
CSS 絕對定位與相對定位
前幾天遇到了上班的第乙個難題，專案想要實現這樣的效果 實際效果比視覺圖上下多了兩截。但是，聰明如我怎麼可以在我的第乙個頁面上屈服呢！於是在光明正大地看了其他 類似效果的原始碼之後，我也get到了這個技能！原來這裡是用到障眼法，分別畫出兩個細成一條線的div，分別為.border first和.bor...
css相對定位與絕對定位
逆戰班通常情況下，我們用css定位來解決容器疊加排列的 問題，而用浮動解決左右排列的問題。position屬性的值主要有static，relative，absolute，fixed和sticky這幾種，position屬性的預設值為static，也就是沒有定位，元素在正常的文件流中，這時候給元素加偏...
CSS的相對定位與絕對定位
在css中，所謂絕對定位指的是 相對於 已經定位的祖先元素，如果不存在已經定位的祖先元素，那麼就 相對於 最初的包含快 一般情況下為body 相對定位指的是相對於元素初始位置進行定位。下面來講述兩者的區別 1 相對定位 相對定位比較簡單，如果在某個元素中設定了position屬性為relative,...