CSS技巧：讓塊元素輕松下移

在CSS中，我們可以使用各種屬性來移動塊元素，***常用的是margin和position屬性。

1、使用margin屬性：

margin屬性用于設置塊元素的外邊距，通過增加margin-top、margin-bottom、margin-left和margin-right的值，我們可以將塊元素向下移動，如果我們想要將塊元素向下移動20像素，我們可以這樣寫：

.block {
  margin-top: 20px;
}

2、使用position屬性：

position屬性用于設置塊元素的定位類型，通過將其設置為relative、absolute或fixed，我們可以輕松地移動塊元素，如果我們想要將塊元素向下移動30像素，我們可以這樣寫：

.block {
  position: relative;
  top: -30px;
}

在這個例子中，塊元素會相對于其原始位置向下移動30像素，如果我們想要將塊元素移動到頁面的底部，我們可以將position屬性設置為fixed，并將bottom屬性設置為0：

.block {
  position: fixed;
  bottom: 0;
}

在這個例子中，塊元素會固定在頁面的底部，無論用戶如何滾動頁面，塊元素都會保持在底部。

使用CSS的margin和position屬性，我們可以輕松地移動塊元素，這些屬性提供了多種移動塊元素的方法，我們可以根據(jù)具體的需求選擇***合適的方法。