CSS浮動技巧是前端開發者必備的技能，通過使用浮動，頁面上的元素可以自由地移動、重疊或定位。接下來將分享一些CSS浮動技巧，幫助您更好地掌握這項技術。

浮動的基本語法是：

.float {
float: left / right;
}

其中，left和right指定了元素所浮動的方向，浮動元素會脫離文檔流，后面的元素會沿著浮動元素的邊緣排列。

下面，我們來看一些實際應用的例子。

清除浮動：

.clearfix:after {
content: "";
display: block;
clear: both;
}

如果不清除浮動，那么后面的元素可能會出現錯位，這時可以使用clearfix來清除浮動。

垂直居中：

.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

在父元素中設置position: relative，然后使用絕對定位和transform屬性，就可以實現垂直居中。

自適應布局：

.parent {
display: table;
table-layout: fixed;
width: 100%;
}
.left {
width: 200px;
display: table-cell;
}
.right {
display: table-cell;
}

使用display: table和table-layout: fixed屬性，可以實現自適應布局，左邊固定寬度，右邊自適應。這種布局方式兼容性好，可以應用于各種場景。

自適應圖片：

.img {
max-width: 100%;
height: auto;
display: block;
}

使用max-width: 100%和height: auto屬性，可以使圖片自適應容器大小。

以上是CSS浮動技巧的一些應用實例，希望能對您有所幫助。在實際開發中，需要注意浮動元素對其他元素的影響，以及浮動的清除和垂直對齊問題。