top 是一个CSS属性，通常用于定位（positioning）元素，特别是在使用相对定位（position: relative;）或绝对定位（position: absolute;）时。

  •  在相对定位中，top 规定元素相对于其正常位置向上的偏移量。

  •  在绝对定位中，top 规定元素相对于其最近的非static（非默认定位）的父元素或者页面的顶部向上的偏移量。

/* 相对定位，元素相对于其正常位置向上偏移20像素 */
.relative-box {
  position: relative;
  top: -20px;
}

/* 绝对定位，元素相对于其最近的非 static 定位的父元素向上偏移50% */
.absolute-box {
  position: absolute;
  top: 50%;
}

/* 固定定位，元素相对于浏览器窗口向上偏移10像素 */
.fixed-box {
  position: fixed;
  top: 10px;
}

在上述示例中，top 属性用于定义元素的垂直定位。在不同的定位方案中，top 可以具有不同的效果。需要注意的是，top 只对已定位的元素有效，即那些使用 position: relative;、position: absolute; 或 position: fixed; 的元素。


转载请注明出处：http://www.zyzy.cn/article/detail/4256/CSS