float是浮動,翻譯成中文也是浮動意思。進(jìn)入對應(yīng)css手冊中float手冊了解float基本信息。
Css樣式的float浮動屬性,用于設(shè)置標(biāo)簽對象(如:<div>標(biāo)簽盒子、<span>標(biāo)簽、<a>標(biāo)簽、<em>標(biāo)簽等html標(biāo)簽)的浮動布局,浮動也就是我們所說標(biāo)簽對象浮動居左靠左(float:left)和浮動居右靠右(float:right)。
浮動的框可以向左或向右移動,直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。
由于浮動框不在文檔的普通流中,所以文檔的普通流中的塊框表現(xiàn)得就像浮動框不存在一樣。
在 CSS 中,我們通過 float 屬性實現(xiàn)元素的浮動。
float的作用
通過css定義float(浮動)讓div樣式層塊,向左或向右(靠)浮動。
Float語法
Float常跟屬性值left、right、none
Float:none 不使用浮動
Float:left 靠左浮動
Float:right 靠右浮動
Float的應(yīng)用于方法
Float浮動用于設(shè)置對象靠左與靠右浮動樣式,可以實現(xiàn)我們所需要的讓DIV、SPAN等標(biāo)簽居左居右浮動。
- div{float:left} /* css注釋:設(shè)置div對象浮動靠左(left) */
- div{float:right} /* css注釋:設(shè)置div對象浮動靠右(right) */