1、定位叠放秩序
在应用定位布局时，有可能呈现盒子叠盒子的状况，此时，能够应用 z-index 来管制盒子的秩序。
div {
position: absolute;
z-index: 1;
}z-index 的数值能够是正整数、负整数或 0，默认是 auto。数值越大，盒子越靠上；数值雷同，则依照书写程序后来者居上。
只有定位的盒子才有 z-index 属性。
相对定位 / 固定定位的盒子会齐全压住上面的盒子，而浮动元素只会压住它前面规范流的盒子，而不会压住盒子外面的文字或图片，因为浮动最后产生的目标就是为了做文字盘绕的成果。
2、偏移量属性的抵触
如果一个定位的盒子既有 left 属性，又有 right 属性，则默认会执行 left 属性，同理，如果盒子同时有 top、bottom 的属性，默认执行 top 属性，疏忽 bottom 属性。