css中的定位简介

1.css中的定位position：

fixed                    固定定位(脱离文档流)

relative    相对定位(没有脱离文档流)

absolute              绝对定位(脱离文档流)

2.position:fixed定位

fixed定位即固定定位。使用固定定位的元素即固定在某点不会随浏览器的滑动而改变位置。

fixed定位最常见的情况就是页面的广告。广告一般都是固定在某个位置不会随着浏览器动的。

3.position:relative定位

relative定位即相对定位。相对定位的参照标准是该元素原本位置。并且对元素使用相对定位之后该元素的原本                                   位置也会得到保留，所以说相对定位是不会脱离文档流的。、、

relative相对定位一般不会单独使用，他都是作为绝对定位的参照元素使用的。

4.position:absolute定位

absolute定位即绝对定位。绝对定位是相对于离自己最近的已定位的父元素来改变位置，如果没有，那么就会相                                 对与页面就行定位。

5.这三种定位都是根据：left(距离左端。。)

       right

       top

       bottom这四个方向来改变位置的。

6.使用了定位的元素都会变成块级元素，但是也没有了宽和高(设置了浮动的元素也是没有了宽和高的，需要自己设置)。

7.z-index属性：

一个元素的堆叠顺序即哪个元素在上面哪个元素在下面显示的设置。

z-index可以是正数或者是负数。