CSS中的float属性是一个频仍用到的属性,关于初学者来讲,假如没有明白好浮动的意义和表现出来的特征,在运用的运用很轻易堕入疑心,云里雾里,搞不清楚状况。接下来将在文章中为人人细致引见这一属性,愿望对人人有所协助。
float属性
float,望文生义就是浮动,设置了float属性的元素会依据属性值向左或向右浮动,我们称设置了float属性的元素为浮动元素。
元素运用了float属性后,可以使该元素离开规范流自身,浮动在其他元素之上,使其不再占用底本属于该元素的空间,如许会致使背面的元素上移并占用底本属于该元素的空间。
例:
<div class="box"> <span class="float-ele"> 浮动元素 </span> 平常文档流平常文档流平常文档流平常文档流平常文档流平常文档流平常文档流平常文档流平常文档流平常 文档流平常文档流平常文档流平常文档流平常文档流平常文档流 </div>
float属性的明白
1. float属性仅对运用该属性的元素自身以及背面的元素产生影响(背面元素会上移-->页脚块上移)。
2. 内联元素运用了float属性后就会变成块级元素,就能够设置元素的高度和宽度(参考A标签)。
3. float属性平常合营背面标签的clear属性配合运用,以便消灭float属性带来的对背面元素的影响。
4、运用float属性的元素,假如未设置元素宽度,则元素宽度自动调解为顺应内容的宽度(参考内容DIV--内容块的大小未定义,则自动调解)。
以上就是css中float什么意思的细致内容,更多请关注ki4网别的相干文章!