浮動是 CSS 布局中的一種常見技巧，通過給 HTML 元素添加浮動屬性，可以讓元素在頁面中自由地漂浮起來，而不會被其他元素所遮擋。

在 CSS 中，浮動屬性用于控制元素在水平方向上的布局方式，可選的值包括 left、right 和 none。左浮動的元素會沿著父元素左側對齊，右浮動的元素會沿著父元素右側對齊，而沒有浮動的元素會按照文檔流的順序排列。

浮動元素對于頁面布局來說非常有用，可以用于創建復雜的多欄布局、實現圖片環繞文字等效果。但需要注意的是，浮動元素可能會導致一些布局問題，比如遮擋、錯位等。為了解決這些問題，可以使用 CSS 的清除浮動技巧，比如通過給父元素添加 clear 屬性來清除浮動。

/* 左浮動 */
.float-left {
float: left;
}
/* 右浮動 */
.float-right {
float: right;
}
/* 清除浮動 */
.clearfix::after {
content: "";
display: block;
clear: both;
}

總的來說，浮動是 CSS 布局中一個重要的技巧，可以用于實現復雜的頁面布局和視覺效果，但需要注意浮動元素可能會帶來的一些布局問題，以及如何使用 CSS 的清除浮動技巧來解決這些問題。