给大家介绍一下position属性，下面是w3c给出的定义：

• fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。
• absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
• relative 生成相对定位的元素，相对于其正常位置进行定位。
• static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
• inherit 规定应该从父元素继承 position 属性的值。

在浏览网站的时候有时会看到最顶端一直悬浮bar,由于好奇研究了一下他的实理原理。一般有两种实现方式一种是通过纯Css样式控制，另种通过javascript脚本控制。今天着重讲解通过Css样式控制的。这时候fixed 派上用场了，通过官方定义和我自已的理解，不管是否出现滚动条都会一直悬浮在浏览器可视化区域。

 定义样式：

#bar{            width:100%;            height:50px;            background-color:#f66012;            position:fixed;        }

这样就定义一个悬浮在浏览器最顶端bar 高度50像素。在ie8中必须引入dtd的，不然不会进行悬浮，而chrome可以不用了。效果图不是很明显，可以自已试一试。