关于css:CSS-定位补充

30次阅读

共计 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 属性。

正文完
 0