position的那些事儿

1、static：默认的，可以用float控制元素的位置。

2、relative：相对定位，元素相对于父元素的定位。

.a{ position:relative; left:30px; height:30px;}

注意：框2的位置，是以除去padding之后的空间为起点。

3、absolute：绝对定位，相对于HTML文档。起点为文档的原点。

 

注意：a、框2的位置是相对于没有出去padding的空间为起点。

           b、若要框2相对于它的父元素定位，那么它的父元素要加上position：relative的属性。

4、fixed：和position相似，也是绝对定位，但是相对于浏览器窗口的定位。以浏览器窗口的原点为起点。

5、css定位的其他属性：

a、top，right，bottom，left：各个边距与其他元素的偏移。

b、z-index：元素的堆叠顺序，数字越大，层越在上面，可以为负数。

c、clip：裁剪绝对定位元素。唯一合法的形状值是：rect (top, right, bottom, left)。