CSS浮動布局是在網頁設計和開發中非常常見的一種布局方式。它的作用是將元素移動到頁面的指定位置，并且可以讓其他元素繼續排列在其旁邊。

例如： 
.left {
float: left;
}
.right {
float: right;
}

在上面的代碼中，我們分別給class為left和right的元素設置了float屬性，并將left設置為左浮動，right設置為右浮動。這樣就可以實現將元素移到指定的位置，并讓其他元素排列在其旁邊的效果。

浮動元素還可以利用margin屬性進行對齊。

例如：
.container {
width: 100%;
height: 300px;
}
.left {
float: left;
width: 30%;
height: 100%;
margin-right: 5%;
}
.right {
float: left;
width: 65%;
height: 100%;
}

在上面的代碼中，我們定義了一個寬度為100%，高度為300px的容器，然后給class為left的元素設置了30%的寬度和100%的高度，同時設置了一個5%的右邊距。而class為right的元素則占用了容器的剩余65%寬度，并同時占據了class為left元素右邊的空間。這樣可以通過margin屬性實現元素對齊的效果。

需要注意的是，浮動元素會破壞父元素的文檔流，因此可能導致布局出現異常。因此，在使用浮動布局時，需要格外注意元素之間的關系和順序，以及避免在浮動元素上放置過多的子元素。