相對於原來的位置進行偏移，仍然在標準文字流中，原來的位置仍然保留
語法：position:relative;
positon:relative;(相對定位)
向右移動：向左移動:
left:20px; left:-20px;
right:-20px; right:20px;
向上移動：向下移動:
top:-20px; top:20px;
bottom:20px; bottom:-20px;
總結理解：某元素賦予left:20px，那麼就會該元素的左邊會被擠壓20px導致向右移動。反之
絕對定位：position:absolute;
基於***的基礎上定位，進行上下左右定位，原來的位置不會保留，相當於漂浮起來
沒有父級元素定位的前提下，相當於瀏覽器定位（隨著瀏覽器視窗大小定位!）
假設父級元素存在定位（大多數相對定位relative），通常相對於父級偏移
在父級範圍內移動，方向距離用正數表示
固定定位：position:fixed;
完全固定，瀏覽器導航欄之類使用
z-index圖層、層級概念。
前提：定位浮動起來後，區分層次、
語法：z-index：0~99+；
預設為0，最底層表示，數字越大，層級越高！
拓展：z-index分層後網頁背景透明度：
opacity：0.5（0~1）
css定位基礎
css 的position屬性定義建立元素布局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會生成乙個塊級框，而不論該元素本身是什麼型別。相對定位元素會相對於它在正常流中的預設位置偏移。取值 relative absolute fixed sticky relative absolute f...
CSS基礎 浮動與定位
1 浮動 float float 引數 none 預設 無浮動 left 左浮動 right 右浮動 2 清除浮動 clear clear 引數none 無效果 left 清除右浮動 right 清除右浮動 both 擴充父元素2.定位 position 引數 static 靜態定位 relativ...
HTML與CSS基礎之CSS定位
值 語義static 靜態定位 relative 相對定位 absolute 絕對定位 fixed 固定定位 邊偏移屬性 示例描述 toptop 80px 頂端偏移量，定義元素相對於其父元素上邊線的距離 bottom bottom 80px 底部偏移量，定義元素相對與其父元素下邊線的距離 left ...