CSS3浮動是一種用于布局的CSS特性,它可以將元素沿著頁面上的特定方向移動。浮動的元素會脫離正常文檔流并移動到它們父元素的左邊或右邊。
.float-left { float: left; } .float-right { float:right; }
如上所示的代碼,可以通過設(shè)置元素的浮動屬性來讓它向左或向右浮動。當(dāng)我們想要將多個元素平鋪在一行上時,使用浮動屬性可以非常方便。
需要注意的是,在使用浮動屬性時,我們需要注意清除浮動。因為浮動元素會脫離正常文檔流,可能會影響到其他元素的布局。因此,我們需要在浮動元素的父元素中添加下面的代碼:
.clearfix::after { content: ""; display: table; clear: both; }
上面的代碼可以在父元素的最后一個元素之后創(chuàng)建一個空元素,并設(shè)置清除浮動。這樣就可以避免因為浮動元素導(dǎo)致的布局問題。