在前端頁面開(kāi)發中(zhōng)，要實現複雜(zá)頁面的布局，必須根據不同的設計尋求不同的CSS定位機制。CSS有三種基本定位機制：标準流，浮動，定位，今天小(xiǎo)編先給大(dà)家介紹一(yī)下(xià)定位。

定位(position)

顧名思義，你想定哪就定哪;

元素的定位屬性主要包括兩部分(fēn)：定位模式和邊偏移

（1）定位模式

定位的語法：position：屬性值;

position屬性常用的值

static自動定位(默認定位方式)

relative相對定位，相對于其原文檔流的位置進行定位

absolute絕對定位，相對于其上一(yī)個已經定位的父元素進行定位

fixed固定定位，相對于浏覽器窗口進行定位

1）靜态定位(static)

文檔流中(zhōng)的默認位置，标準流特性。自動定位會用到：position: static;

2）相對定位(relative)

相對定位是将元素相對于它在标準流中(zhōng)的位置進行定位，當position屬性的取值爲relative時，可以将元素定位于相對位置。

3）絕對定位(absolute)

不占有位置，可以放(fàng)在父級盒子的任意一(yī)個地方。元素自動轉爲行内塊，寬度和高度跟内容有關。

4） 固定定位(fixed)

固定定位脫離(lí)标準文檔流的控制，始終依據浏覽器窗口來定義自己的顯示位置，跟父級沒有關系。完全脫标，滾動條滾動不會影響它在浏覽器窗口中(zhōng)的位置。