在網(wǎng)頁設(shè)計(jì)過程中，經(jīng)常需要讓某個(gè)元素下移一定的距離，以使網(wǎng)頁更好地呈現(xiàn)。這時(shí)候我們可以使用CSS來實(shí)現(xiàn)元素下移。

.box{
margin-top: 50px;
}

上面的代碼中，.box是一個(gè)class名，表示我們要對(duì)這個(gè)class名下的元素進(jìn)行下移操作，可以是div、p、img等元素。margin-top是CSS中的一個(gè)屬性，表示上邊距的距離，所以給它賦值50px，就可以讓.box元素往下移動(dòng)50px。

除此之外，我們還可以使用position來實(shí)現(xiàn)元素下移，具體做法是設(shè)置元素的position屬性為relative，并調(diào)整top屬性的值。

.box2{
position: relative;
top: 50px;
}

上面的代碼中，.box2是一個(gè)class名，表示我們要對(duì)這個(gè)class名下的元素進(jìn)行下移操作，設(shè)置元素的position屬性為relative，即相對(duì)定位，此時(shí)調(diào)整top屬性的值50px，就可以使.box2元素下移50px的距離。