一 文檔流的概念指什么?
文檔流,是指元素排版布局過(guò)程中,元素會(huì)自動(dòng)從左到右,從上往下的流式排列。并最終窗體自上而下分成一行行,并在每行中按從左到右的順序排放元素。脫離文檔流即是元素打亂了這個(gè)排列,或是從排版中拿走。
標(biāo)準(zhǔn)流的特點(diǎn):1.塊級(jí)元素從上到下,獨(dú)占一行
2.行內(nèi)元素,行內(nèi)塊級(jí)元素從左到右在一行中顯示。
3.占位置。
使元素脫離文檔流的方法有:浮動(dòng)和定位。
二 CSS定位 position
CSS定位方式有四種:默認(rèn)定位(static)、相對(duì)定位(relative)、絕對(duì)定位(absolute)和固定定位(fixed)
static: 默認(rèn)值。沒(méi)有定位,元素在正常的文檔流中,top,right,bottom,left和z-index屬性無(wú)效。