CSS基础知识介绍——元素定位

在CSS中，可通过position、float、z-index等定位方式对元素进行定位

1. 定位方式：position

语法如下：
{position：relative | absolute | static | fixed}

position属性参数作用说明表

参数名	作用
static	是所有元素定位的默认值，无特殊定位，对象遵循HTML定位规则，不能通过z-index进行层次分级
relative	相对定位，对象不可层叠，可通过left、right、top和bottom等属性在正常文档流中偏移位置，可通过z-index进行层次分级
absolute	脱离文档流，通过right、left、top和bottom等属性进行定位。选取其最近的父级定位元素，当父级元素的position为static时，钙元素将以body坐标原点进行定位，可通过z-index进行层次分级
fixed	固定定位，该参数固定的对象是可视窗口而并非body或父级元素，可通过z-index进行层次分级

 

 

 

 

 

 

 

 2. 利用float定位

使用float定位元素，只能在水平方向上定位，而不能在垂直方向上定位。

语法如下：
{float： left | right | none}

如果想清除浮动元素

语法如下：
{clear：right | left | both}

3. 利用CSS堆元素定位

z-index用来设置元素层叠的次序

语法如下：
z-index： auto | number;