CSS 中 top 属性可以将元素相对于其父元素的上边缘垂直移动，可使用 length、percentage 或 auto 指定偏移量。length 为数值长度，percentage 为百分比偏移量，auto 由浏览器自动计算。top 仅适用于具有定位的元素，元素的上边缘会受到外边距框或内容框的影响。
CSS 中 top 属性
top 属性的作用
top 属性用于设置元素相对于其父元素的上边缘的偏移量。它可以将元素在垂直方向上向上或向下移动。
使用语法
立即学习“前端免费学习笔记（深入）”；
top:| | auto;
属性值
TP-COUPON 导购系统 免费版
下载
自从百度屏蔽淘宝客网站、淘宝抛弃淘宝客之后，个人站长集体陷入了恐慌之中。此时，什么值得买网的异军突起引起了广大个人站长的极大关注。做一个什么值得买一样的导购网站成了众多个人站长的一致心愿！ TP-COUPON 导购系统 即是让个人站长实现此心愿的绝佳选择！ 欢迎个人站长选用。V1.1版 更新记录：1.修正请求时查询淘宝店铺错误的bug2.删除一些无用的代码
-
-
-
auto：浏览器根据元素的父元素和内容自动计算偏移量。
示例
将一个元素向上移动 20px：
element {
top: 20px;
}将一个元素向下移动其父元素高度的 50%：
element {
top: 50%;
}注意
- top 属性仅适用于具有定位（例如
position: absolute或position: relative）的元素。 - 当 top 属性值为
auto时，元素将沿其父元素的上边缘对齐。 - 对于块级元素，top 属性会影响其外边距框（margin box）的上边缘。对于内联元素，它会影响其内容框（content box）的上边缘。
- top 属性可以与 other 属性（如
bottom、left和right）一起使用来实现元素的精确定位。
