CSS中一種常用的布局方式是使用浮動(dòng)（float）屬性。浮動(dòng)屬性可以讓元素脫離文檔流，向左或向右浮動(dòng)，從而使文本或其他元素環(huán)繞該元素。

.float-right {
float: right;
}

上面的CSS代碼是向右浮動(dòng)一個(gè)元素的示例。我們可以使用一個(gè)類名來為該元素添加樣式，并在CSS樣式表中指定float:right，即可讓該元素向右浮動(dòng)。

此外，我們還可以使用clear屬性來清除浮動(dòng)方式對(duì)其他元素的影響。例如，如果浮動(dòng)的元素與其他元素重疊，就可以使用clear:both來清除浮動(dòng)。

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

上面的代碼定義了一種clearfix的類名，用于清除浮動(dòng)影響。該類名的::after偽元素會(huì)在類名所在元素的后面插入一個(gè)空的塊級(jí)元素，并通過clear:both來清除浮動(dòng)影響。

總之，CSS中的浮動(dòng)屬性和clear屬性，可以幫助我們實(shí)現(xiàn)豐富多彩的網(wǎng)頁(yè)布局效果。