采用Div布局元素位置确定(float、clear、position、z-index)

1、float

float::left|right|none。left为紧贴左侧布局，即从最左边开始布置div块，贴着左边的一个元素放置。right则贴着右边布局，一个接着一个。none即没有浮动。

2、clear

用于消除浮动。clear:left消除左边浮动，right消除右边浮动，both消除两侧浮动。

3、position

position可选absolute、relative、static、fixed。

absolute可通过left、right、botton、top等属性进行定位。可通过z-index进行分级。

relative相对位置，也可通过left、right、botton、top等属性进行设置。

static，无特殊定位，不能用z-index进行层次分级。

4、z-index

设置层叠覆盖，z-index:auto|number;

可以设置层号number，数字大的元素叠加在数字较小的元素上。auto为默认值，按照代码前后来进行层叠。

通过上述几个属性，可以实现界面的设计。