CSS样式 float浮动用法

CSS样式 float浮动用法

前言

Css样式的float浮动属性，用于设置标签对象（如：<div>标签盒子、<span>标签、<a>标签、<em>标签等htmlL标签）的浮动布局，浮动就是标签对象浮动居左靠左（float：left）和浮动居右靠右（float：right）。

float的作用

通过css定义float（浮动）让div样式，向左或者向右浮动。

float语法

float常跟随的属性值：left、right、none

float none：不使用浮动

float left：靠左浮动

float right：靠右浮动

语法：float：none/left/right

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

float应用与用法

float浮动用于设置对象靠左或者靠右浮动样式，可以实现我们所需要的让div、span等标签居左居右浮动。

语法案例：

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