css定位往下移 |css鼠标掠过按钮样式

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

上面的代码会将div元素向下移动20像素。需要注意的是，这里使用了相对定位position: relative，这是因为只有相对定位和绝对定位才能使用top属性。如果没有使用相对定位，top属性将无法生效。

除了top属性，大家还可以使用margin-top属性来实现元素的下移。不同的是，top属性相对元素自身进行定位，而margin-top属性是相对其父元素进行定位。具体代码如下：

div {
margin-top: 20px;
}

上面的代码会将div元素的上方留出20像素的空白区域，相当于将元素向下移20像素。