元素的定位

需求分析

浮动布局虽然灵活，但无法对元素的位置进行精确控制。在CSS中，通过CSS定位（CSSposition）可以实现网页元素的的精确定位。定位的基本思想很简单，一般可以定义元素相对于其在文档流中的位置定位。或者相对于父元素、另一个元素甚至浏览器窗口本身的位置进行定位。

1、元素的定位属性

元素的定位属性主要包括定位和边偏移两部分

（1）定位模式

在CSS中，position属性用于定义元素的定位模式，其基本语法格式为：

选择器{position：属性值}

属性值分类

static：静态定位

relative：相对定位，相对于其原文档流的位置进行定位。

absolute：绝对定位，相对于其上一个已经定位的父元素进行定位

fixed：固定定位，相对于浏览器窗口进行定位

（2）边偏移

定位模式（position）仅仅用于元素以哪种方式定位，并不能确定元素的具体位置。在CSS中，通过边偏移属性top、botton、left或right，来精确定义定位元素的位置。