logo

该视频仅会员有权观看

立即开通课程「Web前端页面基础」权限。

¥
199
/ 年

CSS 相对位置(relative, z-index)

  • 元素可以通过将position属性设置为relative来做相对定位。
  • 使用top, right, bottom, 和left属性来调整元素的相对位置。
  • 可以通过类选择器.box来为小盒子设置横向排列、宽度和高度(72像素)。
  • 通过修改二号盒子的position(设置为relative)和topleft值(分别为56和32像素),可以改变其相对位置。
  • 相对定位不会影响其他元素的位置。
  • 使用z-index属性来调整元素的堆叠顺序,值越大的元素会显示在较低值元素的上面。
  • 通过设置三号盒子的z-index值大于二号盒子,可以使三号盒子在重叠时显示在二号盒子上方。