position:
1、relative – 相對
2、absolute – 絕對
3、static – 無定位
4、fixed – 固定
1、相對定位的偏移參考元素是元素本身，不會使元素脫離文件流，元素的初始衛視佔據的控制項會被保留。
2、position:relative
3、案例**演示
4、總結：
相對定位的偏移是自己之前的位置作為參照進行的乙個偏移
相對定位不作為元素單獨顯示出來，而是作為父容器去包含其他元素而使用
子絕父相 – （子元素設定絕對定位，父元素設定相對定位）
1、絕對定位相對於已定位的最近的祖先元素，如果沒有已定位的最近的祖先元素，那麼他的位置就像對於最初的包含塊（body）
2、position:absolute
概念：層疊模式
總結：1、決定誰在前面，誰在後面，數字大小上不封頂
2、數值不適宜設定的過大，沒意義。但是也適宜設定的過小，因為以後的頁面的div很多，可以讓他們一起重疊顯示
1、相對於瀏覽器視窗進行定位
2、position:fixed
1、相對定位參照物是本身，絕對定位參照物是最近的父元素
2、相對定位是不會破壞文件流，而絕對定位是破壞文件流
3、搭檔起來使用。一般是相對定位作為父級的單位，而絕對定位
是作為子級單位使用的。
4、一般情況下：子絕父相
1、效果圖
CSS定位學習筆記
僅僅是自己對著w3cschool整理的一些 css 基礎知識點，敲一遍加深下印象也方便以後複習。一切皆為框 與之相反，span 和strong 等元素稱為行內元素，這意味著他們的內容顯示在行內，即 行內框 some text some more text.在這種情況下，這個框稱為無名塊框，因為它不與...
CSS學習之 定位
如果，說浮動，關鍵在乙個 浮 字上面，那麼 我們的定位，關鍵在於乙個 位 上。css離不開定位，特別是js特效，天天和定位打交道。那麼定位，最常運用的場景再那裡呢？小黃色塊可以再上移動 元素的定位屬性主要包括定位模式和邊偏移兩部分。1 邊偏移 邊偏移屬性 描述top 頂端偏移量，定義元素相對於其父元...
CSS 浮動 定位 學習
回顧理解塊級元素 address 位址 blockquote 塊引用 center 居中對齊塊 dir 目錄列表 div 常用塊級容器，也是css layout的主要標籤 dl 定義列表 fieldset form控制組 form 互動表單 h1 大標題 h2 副標題 h3 3級標題 h4 4級標題...