CSS中的浮動是一種常用的布局方式，常常被用于網(wǎng)站的排版。設(shè)置浮動可以讓元素脫離文檔流，使得其他元素可以環(huán)繞其周圍。

/* 設(shè)置圖片浮動到左邊 */
img {
float: left;
margin-right: 20px;
}

上面的代碼將圖片元素的浮動方式設(shè)置為左浮動，同時給右側(cè)留出20像素的間距。

/* 兩列布局 */
.column {
float: left;
width: 50%;
}

上面的代碼將所有class為column的元素設(shè)置為左浮動，并且寬度為父元素的50%，使得兩個元素可以平分一行。

/* 清除浮動 */
.clearfix::after {
content: "";
display: table;
clear: both;
}

上面的代碼是清除浮動的常用方法之一，它在clearfix類的元素內(nèi)部插入一個偽元素，使浮動的元素被完全清除。這樣就能避免浮動元素引起的排版問題。