復雜的網頁布局都是通過各種網頁元素靈活定位實現的，網頁中的各種元素定位都有自己的特點。下面我們來看一下css的幾種定位方式。
float定位（即浮動定位）：
這種定位方式很簡單，只需規定一個浮動的方向（如：float:left;就表示這個元素向左邊擺放），它的定位是相對於父元素容器；
如果該元素設置了浮動，后面緊鄰的則會受到浮動的影響，因此需要后面的元素若要不受影響，則要在后面清除浮動（可用clear:both;等方法），在兩個相鄰元素設置相同浮動的情況下，兩元素將按順序相鄰擺放。這種定位使得元素脫離文檔流。
position定位：
position定位是指定位置的定位，以下為常用的幾種：
1、static（靜態定位）：
當我們沒有指定定位方式的時候，這時默認的定位方式就是static，也就是按照文檔的書寫布局自動分配在一個合適的地方，這種定位方式用margin來改變位置，對left、top、z-index等設置值無效，這種定位不脫離文檔流；
2、relative定位（相對定位）：
該定位是一種相對的定位，可以通過設置left、top等值，使得指定元素相對其正常的位置進行偏移，這種定位不脫離文檔流；
3、absolute定位（絕對定位）：
這種定位通過設置top、right、bottom、left這些偏移值，相對於 static 定位以外的第一個父元素進行定位（這種定位通常設置父元素為relative定位來配合使用），在沒有父元素的條件下，它的參照為body，該方式脫離文檔流；
4、fixed（固定定位）：
這種定位方式是相對於整個文檔的，只需設置它相對於各個方向的偏移值，就可以將該元素固定在頁面固定的位置，通常用來顯示一些提示信息，脫離文檔流；
5、inherit定位：
這種方式規定該元素繼承父元素的position屬性值。