[分享]css中怎么将盒子上移

CSS中如何将盒子上移？

.box {
    position: relative;
    top: -20px;
} 

在CSS中，通过设置盒子的position属性为relative或absolute，可以使盒子脱离文档流，从而对它的位置进行调整。其中，relative相对于元素原来的位置进行移动，而absolute相对于其最近的已定位祖先元素进行移动。

如果要将盒子上移，可以将盒子的top属性设为负值，值的大小决定了上移的距离。例如，将top设为-20px，则盒子上移20个像素。

需要注意的是，top属性只对position为relative或absolute的元素生效，因此在设置top之前需要将position属性进行相应的设置。