css float 浮动属性使用方法和实例讲解

float是什么意思？float是浮动，翻译成中文也是浮动意思。进入对应css手册中float手册了解float基本信息。

float的作用：通过css定义float（浮动）让div样式层块，向左或向右（靠）浮动。

一、float语法

float : none | left |right

参数值：
none : 　对象不浮动
left : 　对象浮在左边
right : 　对象浮在右边

接下来我们来通过一实例讲解float使用技巧。

二、float应用与用法

Float浮动用于设置对象靠左与靠右浮动样式，可以实现我们所需要的让DIV、SPAN等标签居左居右浮动。

简单使用语法

div{float:left} /* css注释：设置div对象浮动靠左（left） */ 

div{float:right} /* css注释：设置div对象浮动靠右(right) */ 

三、css float浮动案例

创建一个水平菜单

使用浮动来创建水平菜单的超链接列表。