首先,大家需要将要移动的元素的position
属性设置为relative
,这样才能使用top
属性。接着,大家可以通过修改top
属性的值来改变元素的垂直位置。
.my-element { position: relative; top: -20px; }
上面的代码表示将名为my-element
的元素上移了 20 像素。如果要下移元素,只需要将top
属性的值改为正数即可。
需要注意的是,当元素被移动后,它所在的文档流位置不会改变,因此其他元素的位置不受影响。如果需要整体移动某个容器内的所有子元素,可以将容器的position
属性也设置为relative
。
.my-container { position: relative; } .my-container .my-element { position: relative; top: -20px; }
上面的代码表示将名为my-element
的元素相对于名为my-container
的容器上移了 20 像素。