CSS（Cascading Style Sheets）是一種用于網頁設計的樣式表語言。CSS的定位方式可以分為四種：靜態定位、相對定位、絕對定位和固定定位。

靜態定位
{position:static;}

默認的定位方式就是靜態定位。元素的位置在正常的文檔流中，沒有受到其它定位方式的影響。無法通過top, bottom, left, right屬性調整元素的位置。

相對定位
{
position:relative;
top:20px;
left:30px;
}

相對定位會將元素相對于它的初始位置進行定位。可以通過top, bottom, left, right屬性來調整元素的位置。同時，周圍元素的位置不受影響。相對定位仍然占據原來的空間。

絕對定位
{
position:absolute;
top:20px;
left:30px;
}

絕對定位會將元素從文檔流中移除，放置在它原來的位置，但會忽略周圍元素的位置，而是相對于其最近的已定位父元素進行定位。如果沒有已定位的父元素，則以元素為基準。

固定定位
{
position:fixed;
top:20px;
left:30px;
}

固定定位可以讓元素相對于瀏覽器窗口的位置進行定位，在滾動頁面時元素的位置不會發生改變。在使用固定定位時，必須指明元素的位置，否則元素默認擺放在頁面左上角。