浮动与布局流程

浮动

元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制，移动到其父元素中指定位置的过程。

在CSS中，通过float属性来定义浮动，其基本语法如下：

属性         描述

left            元素向左浮动

right          元素向右浮动

none          元素不浮动（默认值）

浮动的目的就是为了让多个块级元素同一行上显示。

布局流程

为了提高网页制作的效率，布局时通常需要遵守一定的布局流程，具体如下：

1、确定页面的版心（可视区）。

2、分析页面中的行模块，以及每个行模块中的列模块。

3、制作HTML结构 。

4、CSS初始化，然后开始运用盒子模型的原理，通过DIV+CSS布局来控制网页的各个模块。

在CSS中，clear属性用于清除浮动，其基本语法格式如下：

可以通过触发BFC的方式，可以实现清除浮动效果。