浮動(dòng)是css3中一個(gè)常用的特性，但并不是全新的特性。在css2中就有浮動(dòng)的概念，它可以改變?cè)卦谖臋n流中的位置。

浮動(dòng)的原理就是將一個(gè)元素從文檔流中拖出來，然后向左或向右移動(dòng)，直到遇到另一個(gè)元素或容器的邊界停止。當(dāng)元素浮動(dòng)后，它會(huì)成為它所在容器中的一個(gè)內(nèi)聯(lián)塊級(jí)元素。同時(shí)，其他元素會(huì)自動(dòng)填充浮動(dòng)元素的周圍。

/*浮動(dòng)的基本語法*/
div{
float: left/right/none;
}

使用浮動(dòng)可以實(shí)現(xiàn)很多有趣的效果，比如創(chuàng)建多欄布局、實(shí)現(xiàn)圖文混排、制作響應(yīng)式布局等。但是浮動(dòng)也有它的缺點(diǎn)，會(huì)造成文本環(huán)繞不足、高度塌陷、清除浮動(dòng)等問題。

因此，css3中定義了很多新的布局特性，比如彈性盒子布局、網(wǎng)格布局、多列布局等，可以更加簡潔高效地實(shí)現(xiàn)布局。但是，浮動(dòng)作為css基礎(chǔ)知識(shí)之一，我們還是需要掌握的。