css float

 

float也是最常见的一个css属性，在调整界面的时候会经常的使用，会起到浮动的效果。这段时间修改UI和UE的时候也用到了，用的时候觉得不是很熟悉了，一段时间不用就有点生疏了，找一些资料熟悉熟悉应用一下。

定义和用法

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。

注释：假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。

 

1. Float是CSS排版中的重要手段，可以设置为left，right或者none. 当设置了元素向左或者向右浮动时，元素会向其父元素的左侧或者右侧靠紧。

2. Div如果未设置float，则它的宽度占据了它的父亲元素，间隙仅仅为父亲的padding和自己的margin。而设置了float之后，DIV会浮动到左边或者右边，宽度变为内容加上自己的padding. DIV浮动到最左端的位置是父亲的padding-left加上自己的margin-left, 而不是父亲的边界。如果margin设置为负数，子块能浮动的最左端依然是父亲的padding-left加上这个负数，但是视觉上移动到了父亲块的左边。

3. 制止上一个块浮动的影响使用clear属性。可以选择left，right和both. 通常来说，最下端的脚注部分就需要设置clear属性，从而消除正文的影响。

可能的值

值描述left元素向左浮动。right元素向右浮动。none默认值。元素不浮动，并会显示在其在文本中出现的位置。inherit规定应该从父元素继承 float 属性的值。