CSS有四種脫標定位方式，分別是:absolute、fixed、relative和static。這些方式都是用于控制盒子的位置，使得頁面布局更加美觀、靈活。以下是四種定位方式的詳細介紹。

absolute

使用絕對定位時，元素會脫離文檔流，不占據文檔中任何的位置。元素的位置是相對于離它最近的帶有定位屬性（absolute、relative、fixed）的父元素來指定的。如果沒有這樣的父元素，則相對于文檔的左上角。

以下是絕對定位的代碼：

.box{
position:absolute;
top:20px;
left:50px;
}

fixed

使用固定定位可以將元素放置在頁面的任意位置并保持固定。即使用戶滾動頁面，元素的位置也不會發生改變。固定定位的元素也是脫離文檔流的。

以下是固定定位的代碼：

.box{
position:fixed;
top:20px;
left:50px;
}

relative

相對定位是以元素在文檔流中的初始位置為基準來設置元素的位置。相對定位后，元素并不會脫離文檔流。

以下是相對定位的代碼：

.box{
position:relative;
top:20px;
left:50px;
}

static

靜態定位是元素的默認定位方式。元素在文檔流中占據位置，不會受到特別定位的影響。

以下是靜態定位的代碼：

.box{
position:static;
}

以上是CSS的四種脫標定位方式的詳細介紹。通過掌握這些方式，我們可以更好地控制元素的位置，使得頁面更加美觀、靈活。