CSS控制塊件元素的位置

在CSS中，我們可以使用多種方法來控制塊件元素的位置，如果想要讓塊件元素向上移動，可以嘗試以下方法：

1、使用margin屬性

通過增加元素的margin-top值，可以讓元素向上移動。

div {
  margin-top: 20px;
}

這個(gè)樣式會讓div元素向上移動20像素。

2、使用position屬性

通過設(shè)定元素的position屬性為relative或absolute，可以***控制元素的位置。

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

這個(gè)樣式會讓div元素相對于其原始位置向上移動20像素，如果希望元素脫離文檔流，可以設(shè)定position屬性為absolute：

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

這個(gè)樣式會讓div元素脫離文檔流，并向上移動20像素，注意，absolute定位的元素的top值是從其***近的relative或absolute祖先元素的頂部邊緣開始計(jì)算的，如果沒有這樣的祖先元素，則top值將從文檔的頂部邊緣開始計(jì)算。