Float的用法

float的用法

1.设计初期的用法

为了使文字环绕图片的用法。

2.有两种常见的使用方法

1.固定布局写法：
.tupian{width:56px;float:right;}
.wenzi{width:484px;float:right;}
2.流体布局写法：
.tupian{width:56px;float:right;}
.wenzi{margin-left:76px;}
解释：这两种方法在初期显示效果是一样的，但是如果将页面窗口大小调整，第一种（固定布局写法）将会崩溃，首先它将会图片与文字换行，窗口继续减小，文字的框架不变，但是一部分内容将会被掩盖，这样会使网页内容缺失；而第二种比第一种更好，无论窗口怎么小，它的内容不会缺失，并且图片与文字不会错行，只是文字的行数会增加。

3.float的特效

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