CSS定位控制是一種基本的網頁排版技巧，通過設置元素的位置屬性和值，使元素在網頁上呈現出我們所期望的位置和樣式。下面就來介紹CSS中最基本的定位控制屬性：

position: static;
position: relative;
position: absolute;
position: fixed;

其中，position: static;是默認的定位屬性，即元素在文檔流中的原始位置。因此，它不需要任何其他的屬性值。

position: relative;是相對定位，元素在文檔流中仍占據原來的位置，只是可以通過設置top、right、bottom、left屬性值來調整元素的位置。這種定位方式不會對其他元素造成不必要的影響。

div{
	position: relative;
	top: 20px;
	left: 30px;
}

position: absolute;是絕對定位，元素的位置相對于最近的已定位祖先元素或文檔邊界。它會使元素脫離文檔流，并不占據原來的位置。同樣可以通過設置top、right、bottom、left屬性值來調整元素的位置。

div{
	position: absolute;
	top: 20px;
	right: 30px;
}

position: fixed;是固定定位，元素的位置相對于瀏覽器窗口而不是文檔。固定定位的元素不會隨著頁面的滾動而滾動，總是停留在同一位置。

div{
	position: fixed;
	top: 20px;
	right: 30px;
}

需要注意的是，絕對定位和固定定位都會使元素脫離文檔流，因此可能對其他元素造成影響。在使用這兩種定位方式時，需要考慮相對應的offset值，使該元素占據與原來相同的空間。