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