浮動定位是CSS中非常重要的一個概念。浮動定位可以讓我們將一個元素從文檔的正常流中移出，并且使得其他元素可以環繞它。這對于布局來說非常有用。

要讓一個元素浮動起來，我們可以使用CSS中的float屬性。常見的值有left和right。left表示元素向左浮動，right表示元素向右浮動。

.example {
float: left;
}

上面的代碼可以讓一個元素向左浮動。

浮動元素的大小通常由其中的內容決定。如果我們不對它做任何約束，它就會縮小至適合其中的文本或者其他內容大小的范圍。如果我們需要對其進行一些約束，例如指定寬度或高度，我們可以使用width和height屬性：

.example {
float: left;
width: 200px;
height: 100px;
}

上面的代碼將一個元素向左浮動，并且指定了它的寬度和高度。

浮動元素的位置是相對于其父元素的。如果我們需要讓一個元素浮動在頁面的最左或最右邊，我們可以將其父元素設為頁面的寬度，并且將其浮動到相應的位置：

.page {
width: 100%;
overflow: hidden;
}
.left {
float: left;
width: 200px;
height: 100px;
}
.right {
float: right;
width: 200px;
height: 100px;
}

上面的代碼將一個頁面劃分為三個部分，左側寬度為200px，右側同樣。中間部分的寬度就是剩余的空間。如果我們不希望頁面出現滾動條，我們可以將其父元素的overflow屬性設置為hidden，這樣可以防止超出頁面寬度的元素出現在頁面外。

使用浮動定位可以達到一些非?？岬男Ч鐚崿F柵格布局、圖片環繞文字等等。如果你想要更深入地了解浮動定位及其在布局中的應用，推薦閱讀CSS Mastery這本書籍。