CSS 有三種基本的定位機(jī)制：普通流，浮動(dòng)矿酵，絕對(duì)定位唬复、相對(duì)定位、固定定位全肮。
1敞咧、普通流：即默認(rèn)文檔流，除非專門指定辜腺，否則所有的元素內(nèi)容都在普通流中遵循自上而下休建，從左到右的默認(rèn)定位。
2评疗、浮動(dòng)：浮動(dòng)的元素可以向左或向右移動(dòng)丰包，直到它的邊框碰到此元素的父級(jí)邊框或另一個(gè)浮動(dòng)元素的邊框?yàn)橹埂Ｈ魏卧囟伎梢愿?dòng)壤巷，而且不論它本身是何種元素邑彪，浮動(dòng)后都會(huì)成為一個(gè)塊級(jí)元素且脫離默認(rèn)文檔流（不完全脫離，會(huì)占據(jù)文本流位置胧华，但不占據(jù)元素流位置）寄症。
3、絕對(duì)定位：設(shè)置絕對(duì)定位的元素會(huì)完全脫離文檔流矩动，并相對(duì)于此元素最近的已定位祖先元素來定位有巧，如果元素沒有已定位的祖先元素，那么它就相對(duì)于最初的包含塊（根據(jù)用戶代理的不同悲没，最初的包含塊可能是畫布或 HTML 元素）篮迎。元素原先在正常文檔流中所占的空間會(huì)關(guān)閉，就好像該元素原來不存在一樣示姿。元素定位后生成一個(gè)塊級(jí)元素甜橱，而不論原來它在正常流中是何種類型的元素。
4栈戳、相對(duì)定位：設(shè)置為相對(duì)定位的元素會(huì)相對(duì)于其原來的位置偏移某個(gè)距離岂傲，元素仍然保持其未定位前的形狀，它原本所占的空間仍保留即不會(huì)脫離文檔流子檀。
5镊掖、固定定位：元素的表現(xiàn)類似于絕對(duì)定位乃戈，不過其相對(duì)的是視窗本身（瀏覽器視圖）。
