画图软件visio-英雄联盟皮肤修改器

htmlposition
2023年4月5日发(作者：bluescreen)

position定位的四种属性

1.静态定位(static)

静态定位是元素的默认定位⽅式.也就是说⽹页中所有元素默认都是静态定位的——按照标准流特性摆放位置

注意：在静态模式下，⽆法通过边偏移属性（top、bottom、left或right）来改变元素的位置

提⽰：因为是默认值.所以静态定位在布局时不使⽤.但是要知道

position:static

2.相对定位（relative）

相对定位是元素相对于它在标准流中的位置+边偏移属性来设置元素的位置

相对定位不脱标，并且占据原来的位置，相对定位的元素位置偏移基于⾃⾝

举个例⼦

运⾏结果如下：

3.绝对定位（absolute）

绝对定位有两个重要的概念:

(1)完全脱标——完全不占位置

(2)⽗元素要有定位——⽗元素在标准流中的位置+边偏移属性来设置元素的位置

如果当前⽗元素没有定位（相对、绝对或固定），则寻找上⼀级有定位的⽗元素；

如果所有⽗元素都没有定位，则以浏览器为准定位（Document⽂档）

如果⽗亲有定位，则以⽗亲为准

定位⼝诀——⼦绝⽗相(⼦级是绝对定位，⽗级要⽤相对定位)

4.固定定位（fixed）

固定定位是绝对定位的⼀种特殊形式

完全脱标——完全不占位置

只认浏览器的可视窗⼝——浏览器可视窗⼝+边偏移属性来设置元素的位置

跟⽗元素没有任何关系

不随滚动条滚动

z-index

在使⽤定位布局时，可能会出现盒⼦重叠的情况,应⽤z-index层叠等级属性可以调整盒⼦的堆叠顺序

z-index的特性如下：

1.属性值：正整数、负整数或0，默认值是0，数值越⼤，盒⼦越靠上；

2.如果属性值相同，则按照书写顺序，后来居上

3.数字后⾯不能加单位

.son{

position:absolute;

z-index:1;

}

注意：z-index只能应⽤于相对定位、绝对定位和固定定位的元素，其他标准流、浮动和静态定位⽆效

定位总结：