普通流（標準流）
浮動
定位在 css 中，通過top、bottom、left和right屬性定義元素的邊偏移
邊偏移屬性
示例描述
toptop: 80px頂端偏移量，定義元素相對於其父元素上邊線的距離。
bottombottom: 80px底部偏移量，定義元素相對於其父元素下邊線的距離。
leftleft: 80px左側偏移量，定義元素相對於其父元素左邊線的距離。
rightright: 80px右側偏移量，定義元素相對於其父元素右邊線的距離
*** 特點：
*** 特點：
完全脫標—— 完全不佔位置；
父元素沒有定位，則以瀏覽器為準定
父元素要有定位
將元素依據最近的已經定位（絕對、固定或相對定位）的父元素進行定位
定位口訣 —— 子絕父相
子級是絕對定位，父級要用相對定位
完全脫標 —— 完全不佔位置；
只認瀏覽器的可視視窗
跟父元素沒有任何關係，單獨使用的。
不隨滾動條滾動。
left: 50%;：讓盒子的左側移動到父級元素的水平中心位置；
margin-left: -100px;：讓盒子向左移動自身寬度的一半。
z-index的特點：
屬性值：正整數、負整數或0，預設值是 0，數值越大，盒子越靠上；
如果屬性值相同，則按照書寫順序，後來居上；
數字後面不能加單位。
z-index只能應用於相對定位、絕對定位和固定定位的元素，其他標準流、浮動和靜態定位無效。
（1）乙個行內的盒子，如果加了浮動、固定定位和絕對定位，不用轉換，就可以給這個盒子直接設定寬度和高度等
（2）浮動元素、絕對定位(固定定位）元素的都不會觸發外邊距合併的問題
定位模式
是否脫標占有位置
移動位置基準
模式轉換（行內塊）
使用情況
靜態static
不脫標，正常模式
正常模式
不能幾乎不用
相對定位relative
不脫標，占有位置
相對自身位置移動
不能基本單獨使用
絕對定位absolute
完全脫標，不占有位置
相對於定位父級移動位置
能要和定位父級元素搭配使用
固定定位fixed
完全脫標，不占有位置
相對於瀏覽器移動位置
能單獨使用，不需要父級
css定位總結
塊狀元素 display block可以作為其它元素的容器，排斥其它元素和他在一行 寬 width 高 height 值都是有作用的 內聯元素 內容屬性 內容本身的寬 width 內容本身的長 height margin 20px 0 0 2px 0表示不設定 因為瀏覽器的margin paddin...
CSS 定位總結
css 有三種基本的定位機制 普通流 浮動和絕對定位，但本篇文章要總結的是css中的position屬性，position有四個值，static,absolute,relative,fixed。生成相對定位的元素，相對於其正常位置進行定位，它原本佔據的空間流仍然存在。當使用left top righ...
CSS定位總結
定位相關總結 1 文件流 就是html的布局機制。塊元素 block 獨佔一行，內聯元素 line 不獨佔一行。2 相對定位 就是相對於乙個東西定位。這個東西就是它本身，同時可以使用left top bottom right 來移動元素的位置。注意 相對定位不會脫離文件流。3 絕對定位 找乙個東西相...