css相对定位

作者：步崖发布日期:2026-07-11 浏览:90

/* CSS 相对定位示例 */

/* 定义一个相对定位的元素 */
.relative-box {
  position: relative;
  width: 200px;
  height: 100px;
  background-color: lightblue;
  /* 相对于自身原来的位置进行偏移 */
  top: 20px;
  left: 30px;
}

/* 解释说明：
相对定位（position: relative）会使元素相对于其正常位置进行偏移。
top、left、bottom、right 属性用于指定元素在垂直和水平方向上的偏移量。
即使元素被偏移，它仍然占据原来的空间，不会影响其他元素的布局。 */

上一篇：css伪类选择器

下一篇：css文字垂直居中