CSS 定位

	在CSS中，通过CSS定位(CSS position)可以实现网页元素的精确定位。CSS定位和CSS浮动类似，也是控制网页布局的操作，CSS定位更加灵活，可以针对更多个性化的布局方案来使用。在网页布局实战中，灵活使用这两种布局方式，能够创建多种高级而精确的布局。

定位属性
制作网页时，Css可以使用定位属性将一个元素精确地放在页面上指定位置。元素的定位属性由定位模式和位置属性两部分构成。
1.定位模式
在CSS中，position属性用来定义元素的定位模式，其常用的属性值有四个，分别表示不同含义。
static 静态定位(默认定位方式)
relative 相对定位，相对于其原文档流的位置进行定位
absolute 绝对定位，相对于其上一个已经定位的父元素进行定位fixed 固定定位，相对于浏览器窗口进行定位。静态定位就是默认的方式，当psition属性值为stati 时，可以将元素定位于静态位置。静态位置就是各个元素在HTML文档流中默认的位置。
在默认状态下任何元素都会以静态定位来确定位置。因此，当元素未设置postion属性时，会遵循默认值显示为静态位置。
2.位置属性
定位模式仅仅定义了元素的定位方式，而并不能确定元素的具体位置。在CSS中，位置属性用来精确定义定位元素的位置，其取值为不同单位的数值或百分比，定位属性包括top、bottom、 left 和right。

边偏移属性 含义
顶部偏移量 top
底部偏移量 bottom
左侧偏移量 left
右侧偏移 right

相对定位
相对定位是元素相对于它在原文档流中的位置来进行定位，position属性的取值为relative。接下来通过案例来演示直