CSS3浮動布局是一種常用的網(wǎng)頁布局方式。它利用了CSS3的float屬性，能夠方便地實現(xiàn)網(wǎng)站的自適應(yīng)布局。

.box{
width: 100%;
overflow: hidden;
}
.box .left{
float: left;
width: 30%;
}
.box .right{
float: right;
width: 70%;
}

使用CSS3浮動布局時，先給最外層的容器設(shè)置寬度為100%，并且設(shè)置overflow:hidden屬性，這樣可以使內(nèi)部浮動的元素自動被包裹在容器內(nèi)。接著在容器內(nèi)部添加浮動元素，通過設(shè)置float屬性實現(xiàn)網(wǎng)頁布局。

在上面的代碼中，我們定義了一個名為box的容器，它的寬度為100%，overflow屬性設(shè)置為hidden。box內(nèi)部有兩個元素，一個左側(cè)占30%寬度的left元素，一個右側(cè)占70%寬度的right元素。它們都被設(shè)置了float屬性，實現(xiàn)了兩列布局。

除了左右兩列布局之外，CSS3浮動布局還有其他常用的方式，比如多列布局、瀑布流布局等。通過靈活運用CSS3浮動屬性，可以使用少量的代碼實現(xiàn)多種布局效果，為網(wǎng)頁設(shè)計帶來了巨大的便利。