? ? ?Css的定位機(jī)制分為普通流(文檔流)、浮動(dòng)(float)、定位(position);其中普通流就是文檔流，在Html中的寫法是從上到下野宜，從左到右的排版布局，其中塊級(jí)元素獨(dú)占一行魔策，而內(nèi)聯(lián)元素不獨(dú)占一行匈子。對(duì)于文檔流來(lái)說(shuō)它的默認(rèn)position是static就是沒有定位。
? ? ? position規(guī)定元素的定位類型闯袒，任何元素都可以定位虎敦，不過絕對(duì)或固定元素會(huì)生成一個(gè)塊級(jí)框，而不管該元素本身是個(gè)什么類型政敢，相對(duì)元素會(huì)相對(duì)與它的正常流的默認(rèn)位置作出偏移原茅。具體：static，position的默認(rèn)值堕仔，表示沒有定位，忽略top晌区，left摩骨，bottom通贞，right和z-index的影響；absolute恼五，生成絕對(duì)定位元素昌罩，相對(duì)于static定位之外的第一個(gè)父元素進(jìn)行定位，元素位置通過left灾馒，top茎用，bottom，right設(shè)置睬罗；fixed轨功，生成絕對(duì)定位元素，相對(duì)于瀏覽器窗口進(jìn)行定位容达，通過left古涧，top，bottom花盐，right設(shè)置羡滑；relative，生成相對(duì)定位元素算芯，相對(duì)于其正常文檔流中的位置進(jìn)行定位柒昏，通過left，top熙揍，botton职祷，right設(shè)置(注意相對(duì)正常位置)；inherit規(guī)定應(yīng)該從父元素處繼承position屬性诈嘿。
? ? ? ?浮動(dòng)模型是一種可視化格式模型堪旧，浮動(dòng)的框可以左右移動(dòng)，直到它的外邊緣碰到包含框或者另一個(gè)浮動(dòng)元素的邊框奖亚，如果包含的框中沒有足夠的寬度容納浮動(dòng)元素那么多余的就會(huì)下移淳梦。浮動(dòng)元素不在文檔的普通流中，就好比浮動(dòng)元素在文檔流中不存在似的昔字。
? ? ? ?從上面我們知道爆袍，被設(shè)置了absolute的元素或者float的元素都會(huì)脫離文檔流，雖然正常的顯示還在作郭，但是它其實(shí)不占文檔流中的空間位置陨囊。在float脫離文檔流的時(shí)候雖然其他盒子無(wú)視他，但盒子中的文本圍繞它夹攒，而absolute脫離文檔流會(huì)造成其他盒子和盒子的文本都會(huì)無(wú)視他蜘醋。
