CSS二代浮動是CSS中一種常用的布局方式，它可以讓元素沿著頁面的水平和垂直方向浮動，從而實(shí)現(xiàn)網(wǎng)站的自適應(yīng)布局。在實(shí)際開發(fā)中，我們常常使用float屬性來實(shí)現(xiàn)浮動效果，下面我們來看一下CSS二代浮動的具體使用方法。

/* 對一個元素設(shè)置浮動樣式 */
div{
float:left; /* 左浮動 */  
float:right; /* 右浮動 */
}
/* 清除浮動 */
.clearfix::after{
content:"";
display:block;
height:0;
clear:both;
}

浮動元素元素通常是塊級元素，通過設(shè)置float屬性為left或right實(shí)現(xiàn)左、右浮動。浮動元素會根據(jù)文檔流的規(guī)則往左或右移動，而文檔流中其它元素則會相對于浮動元素進(jìn)行排列。因此，設(shè)置浮動可以讓元素脫離文檔流，從而實(shí)現(xiàn)文字和圖片相伴而行的排版方式，以及頁面布局的自適應(yīng)性。

在使用浮動時(shí)，常常會遇到浮動元素高度沒有撐起父元素的問題。這時(shí)可以使用“清除浮動”來解決這個問題。清除浮動可以讓父元素的高度重新自適應(yīng)，從而保證整個頁面布局的正常顯示。我們通常使用clearfix類來實(shí)現(xiàn)清除浮動的效果。clearfix類的CSS樣式如下所示。

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

在以上代碼中，我們使用了after偽元素。設(shè)置了content為""（空），display為block，height為0，clear為both。這樣就可以讓偽元素在父元素的底部產(chǎn)生一個“清除浮動”的效果，從而使父元素的高度重新自適應(yīng)。

總之，CSS二代浮動是CSS中一種常用的布局方式。通常使用float屬性來實(shí)現(xiàn)浮動效果，并通過“清除浮動”來保證頁面布局的正常顯示。掌握好浮動的使用方法，在實(shí)際開發(fā)中可以幫我們更加便捷高效地完成網(wǎng)站的布局工作。