css top属性设置元素顶部位置

CSS top属性

CSS top属性用于设置元素的顶部位置。它可以接受以像素（px），百分比（%），绝对单位（em，rem，vh，vw）等形式的值。

div {
    position: relative;
    top: 20px;
}

上面的代码中，我们使用top属性将div元素设置为20像素的位置。

top属性可以与其他位置属性（如left，right，bottom）一起使用，以设置元素的位置。

div {
    position: absolute;
    top: 20px;
    left: 30px;
    right: 40px;
    bottom: 50px;
}

上面的代码中，我们使用top属性将div元素设置为20像素的位置，并与其他位置属性结合使用，以确定div元素的位置。

top属性还可以与z-index属性结合使用，以控制元素的堆叠顺序。

div {
    position: absolute;
    top: 20px;
    z-index: 1;
}

上面的代码中，我们使用top属性将div元素设置为20像素的位置，并与z-index属性结合使用，以控制div元素的堆叠顺序。

top属性可以与其他位置属性（如left，right，bottom）和z-index属性结合使用，以控制元素的位置和堆叠顺序。