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