在進行網頁設計和開發的過程中，基本上都會用到CSS 層疊樣式表來進行頁面的美化和樣式的設置。而其中，CSS 浮動模式也是一種常見的樣式設置方式。那么，CSS 浮動模式用來干嘛呢？下面就來詳細的介紹一下。

首先，CSS 浮動模式是用來進行頁面布局的。通過設置浮動，我們可以讓元素脫離文本流，從而使元素可以并排排列。這樣，就實現了非常靈活的頁面布局效果。

div {
float: left;
width: 50%;
}

以上代碼表示將 div 元素進行左浮動，并將其寬度設置為頁面寬度的一半。這樣，只要將兩個 div 元素放在同一父級容器中，就可以使它們左右排列。

其次，CSS 浮動模式還可以用于圖片等元素的排列。例如，我們可以使用浮動模式將幾張圖片并排排列，以便于在網頁上展示。

img {
float: left;
margin-right: 20px;
}

以上代碼表示將 img 元素進行左浮動，并設置右邊留有 20px 的空白。這樣，多張圖片就可以并排排列，而右邊的空白則可以使圖片之間保持一定的間距，從而更好的展示圖片。

除此之外，CSS 浮動模式還可以用于網頁的導航欄、分欄等方面的設計。總之，CSS 浮動模式的應用范圍非常廣泛，對于進行網頁設計和開發的人員，掌握浮動模式的相關知識非常重要。