css之定位总结

1.什么是定位？

改变元素的位置，并且固定在某个位置。

2.定位的分类：

--相对定位

--固定定位

--绝对定位

3.相对定位

--position:relative

--top:

--lef:

--bottom:

--right:

--特点：元素本身是否有父元素，有父元素以父元素为参照物进行定位，没有父元素以浏览器原点为参照物进行定位,相对定位不改变文档流。

4.固定定位

--position:fixed；

--top:

--lef:

--bottom:

--right:

--特点：元素本身不管有没有父元素，都是以浏览器原点为参照物进行定位,固定定位改变文档流。

5.绝对定位

--position:absolute；

--top:

--lef:

--bottom:

--right:

--特点：元素本身有父元素，要先看父元素有没有定位，父元素有定位，以父元素为参照物进行定位，父元素没有定位，以浏览器原点为参照物进行定位。

元素没有父元素，以浏览器原点为参照物进行定位。绝对定位改变文档流。

6.堆叠顺序

--必须和定位结合使用

--z-index:

--正值越大，元素层级越高，负值越小，元素层级越低

7.透明度：

opacity:(0-1之间,ie 5,7,8浏览器不支持该属性)

IE 滤镜（兼容） filter:alpha(opacity=0~100);

8. 行标签写宽高的几种方法

/* float: left; */

/* display:block; */

/* display: inline-block; */

/* position: fixed; */

/* position: absolute; */