CSS中，浮動是一個常見的布局方式，通過設置元素的浮動屬性，可以使元素脫離文檔流，從而實現對頁面的布局。具體的浮動方式有左浮動、右浮動、清除浮動等。

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

上面的浮動樣式代碼中，`.float-left`和`.float-right`分別表示元素的左浮動和右浮動，設置后元素將會在容器中向左或向右浮動。

而清除浮動，可以用來解決以下情況：當容器中有多個浮動元素時，如果沒有清除浮動，可能會導致容器高度不足以包含所有浮動元素，從而影響布局。清除浮動可以使用偽元素after來實現，通過設置content為“”，display為block，再將clear屬性設置為both即可。

<div class="float-container clearfloat">
<div class="float-left"></div>
<div class="float-left"></div>
<div class="float-right"></div>
</div>

如上所示，可以將多個浮動元素放在一個容器中，并設置清除浮動的樣式，即可實現浮動布局。