CSS浮動是一種常用布局技術，它能夠使元素脫離文檔流并向左或右浮動，同時讓其他元素相對位置發生改變，從而達到布局的目的。

.box{
float: left;
}

將一個元素設置為浮動狀態，需要使用CSS中的float屬性。它有兩個取值：left和right，代表浮動方向。我們可以將浮動元素包裹在一個容器中，這個容器就是浮動容器。當浮動元素比容器寬度小時，其他元素自動填充到浮動元素旁邊。當浮動元素比容器寬度大時，浮動元素會溢出容器，這時需要使用CSS中的清除浮動方法，否則頁面布局可能出現混亂。

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

清除浮動方法可以使用偽元素after來實現。將一個空的塊級元素插入到浮動容器的最后，設置它的content屬性為空字符串，display屬性為block，再加上clear:both屬性，即可將浮動元素的影響清除掉，從而保證頁面布局的穩定性。