css定位方式有5種：1、浮動(dòng)定位（float）。2、static（靜態(tài)定位）；沒(méi)有定位，元素出現(xiàn)在正常的流中。3、relative（相對(duì)定位）；元素脫離正常的文檔流。4、absolute（絕對(duì)定位）。5、fixed（固定定位）。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3版、Dell G3電腦。

復(fù)雜的網(wǎng)頁(yè)布局都是通過(guò)各種網(wǎng)頁(yè)元素靈活定位實(shí)現(xiàn)的，網(wǎng)頁(yè)中的各種元素定位都有自己的特點(diǎn)。下面我們來(lái)看一下css的幾種定位方式。

float定位（即浮動(dòng)定位）：

這種定位方式很簡(jiǎn)單，只需規(guī)定一個(gè)浮動(dòng)的方向（如：float:left;就表示這個(gè)元素向左邊擺放），它的定位是相對(duì)于父元素容器；

如果該元素設(shè)置了浮動(dòng)，后面緊鄰的則會(huì)受到浮動(dòng)的影響，因此需要后面的元素若要不受影響，則要在后面清除浮動(dòng)（可用clear:both;等方法），在兩個(gè)相鄰元素設(shè)置相同浮動(dòng)的情況下，兩元素將按順序相鄰擺放。這種定位使得元素脫離文檔流。

position定位：

position定位是指定位置的定位，以下為常用的幾種：

1、static（靜態(tài)定位）：

當(dāng)我們沒(méi)有指定定位方式的時(shí)候，這時(shí)默認(rèn)的定位方式就是static，也就是按照文檔的書(shū)寫(xiě)布局自動(dòng)分配在一個(gè)合適的地方，這種定位方式用margin來(lái)改變位置，對(duì)left、top、z-index等設(shè)置值無(wú)效，這種定位不脫離文檔流；

2、relative定位（相對(duì)定位）：

該定位是一種相對(duì)的定位，可以通過(guò)設(shè)置left、top等值，使得指定元素相對(duì)其正常的位置進(jìn)行偏移，這種定位不脫離文檔流；

3、absolute定位（絕對(duì)定位）：

這種定位通過(guò)設(shè)置top、right、bottom、left這些偏移值，相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位（這種定位通常設(shè)置父元素為relative定位來(lái)配合使用），在沒(méi)有父元素的條件下，它的參照為body，該方式脫離文檔流；

4、fixed（固定定位）：

這種定位方式是相對(duì)于整個(gè)文檔的，只需設(shè)置它相對(duì)于各個(gè)方向的偏移值，就可以將該元素固定在頁(yè)面固定的位置，通常用來(lái)顯示一些提示信息，脫離文檔流；

（學(xué)習(xí)視頻分享：css視頻教程）