新聞中心
本文和大家重點討論一下CSS中Float和Clear屬性的使用,一個float對象可以居左或居右,一個設(shè)置為float的對象,將根據(jù)設(shè)置的方向,左移或右移到其父容器的邊界,或其前面的float對象的邊界,而緊隨其后的非float對象或內(nèi)容,則包圍在其相反的方向。

CSS中Float和Clear屬性用法
實現(xiàn)多欄排版的***方法是使用float屬性,float也是一個將使你受益匪淺的屬性。一個float對象可以居左或居右,一個設(shè)置為float的對象,將根據(jù)設(shè)置的方向,左移或右移到其父容器的邊界,或其前面的float對象的邊界,而緊隨其后的非float對象或內(nèi)容,則包圍在其相反的方向。
以下是使用float和clear屬性的一些重要準(zhǔn)則:
◆一個float對象,將從其置身的block級非float內(nèi)容流中跳出,換句話說,如果你要將一個box向左邊f(xié)loat,它后面的block級非float對象會顯示到下方,inline級內(nèi)容會在旁邊包圍
◆要讓一段內(nèi)容從一側(cè)包圍一個float對象,這段內(nèi)容必須要么是inline級的,要么也設(shè)置為相同方向的float
◆一個float對象,如果沒有設(shè)置寬度,則會自動縮成其包含的內(nèi)容的寬度,因此***為float對象明確設(shè)置寬度
◆一個設(shè)置了clear屬性的對象,將不會包圍其前面的float對象
◆一個既設(shè)置了clear又設(shè)置了float屬性的對象,只有clear:left屬性生效,clear:right不起作用
標(biāo)題名稱:CSS中Float和Clear屬性用法
當(dāng)前網(wǎng)址:http://m.5511xx.com/article/cdjicgs.html


咨詢
建站咨詢
