怎么理解css float

html-css016

怎么理解css float,第1张

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

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

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

float的值:

left元素向左浮动。

right元素向右浮动。

none默认值。元素不浮动,并会显示在其在文本中出现的位置。

inherit规定应该从父元素继承 float 属性的值。

在CSS里float是浮动的意思,position是定位的意思。 float:浮动,故名思议,就是让HTML元素(标签)从标准文档流里浮动起来。从而不受标准文档流的约束,变成了非标准流。 标准文档流:HTML的默认布局方式,即元素从上往下,从左往右布局的。