CSS position属性

1, static(静态定位):默认定位方式,top buttom left right 这些属性都是无效的

2, relative(相对定位): 不脱离文档流,保留原来的位置,相对原始位置设置 top buttom left right 等属性

3, absolute(绝对定位):脱离了文档流,根据父类或者父类以上的第一个拥有(position属性并且非static方式定位)的元素进行偏移定位,如果父类或者父类以上都没有(position属性并且非static方式定位)的元素,则根据html进行偏移定位     PS:如果要设置元素在他的父元素中偏移,则需要在他的父元素中设置position:relative;或者position:absolute;

4, fixed(固定定位)：脱离了文档流，根据窗口为原点设置top、right、left、bottom属性进行偏移定位的，也就是说它不会根据滚动条的滚动而进行偏移。PS: 一般标题栏或者浮动广告使用

PS:   top:10px  是指元素的顶部边缘和包含它的元素的顶部边缘的距离  (元素从上往下偏移10px)

文档流？
将窗体分成一行一行,自上而下的顺序排放元素,即为文档流。
只有三种情况会使得元素脱离文档流，分别是：浮动、绝对定位和相对定位。