关于元素的定位详解

    在Web前端中，元素的定位是必须掌握的，然后也是比较容易搞混淆的：

positon包含以下值：

1.absolute 绝对定位：相对位置为最近一级的非static定位的父元素；

2.relative 相对定位：相对正常位置进行布局；

3.fixed 固定定位：相对于浏览器窗口进行定位；

4.static 没有定位：元素出现在正常的流中，

absolute绝对定位：采用绝对定位，会脱离文档流，浮动起来，多个层重叠使用z-index属性改变重叠的顺序，该定位在时候时，其相对位置为相对定位容器的左上角的内边框，忽略padding;不管是行内元素还是块级元素，使用绝对定位后，其display属性为block,且宽度auto。

fixed固定定位：采用固定定位，也会脱离文档流，但老的IE6并不支持该定位， 相对于浏览器窗口进行定位，并且元素在屏幕滚动事不会改变位置，常用于网站的头部导航栏等方面；但给父元素加上transform:translate(0,0)属性，fixed可根据父容器定位。