css top 相对位置

CSS中的top属性用于设置元素的垂直位置。相对位置是指元素相对于其父元素的位置。

.parent{
    position:relative;
    height:100px;
    width:300px;
}
.child{
    position:absolute;
    top:50%;
}

在上述代码中，.parent元素有一个相对定位，所以.child元素的top属性值将是相对于父元素的50％。

如果给子元素设置了一个固定高度，则可以使用负值的top属性来调整其位置。

.parent{
    position:relative;
    height:100px;
    width:300px;
}
.child{
    position:absolute;
    height:50px;
    top:-25px;
}
    

在上面的代码中，.child元素的高度为50px，所以它将在父元素的中心上方25px处。

总之，可以使用top属性来在父元素内调整子元素的垂直位置。用相对位置可以使元素相对于其父元素进行调整。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！