本文详细介绍了CSS中五种不同的定位方式：static、relative、absolute、fixed及其应用特点，并解释了top、right、bottom、left等属性的作用及z-index的使用方法。
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)。
扫一扫
3654
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
