css relative

作者：╭ァ你不懂的悲殇发布日期:2025-05-29 浏览:29

/* 使用 relative 定位的示例 */

.relative-box {
  position: relative;
  width: 200px;
  height: 100px;
  background-color: lightblue;
  /* 相对于自身原来的位置移动 */
  top: 20px;
  left: 30px;
}

/* 解释说明：
- `position: relative;`：将元素定位为相对定位，这意味着它会相对于自身原来的位置进行移动。
- `top`, `left`, `bottom`, `right`：用于指定元素在垂直或水平方向上相对于其原始位置的偏移量。
- 在这个例子中，`.relative-box` 元素会从它原本的位置向下移动 20px，向右移动 30px，但它的占位空间仍然保持在原来的地方。
*/

上一篇：css相对定位和绝对定位

下一篇：css缩进