在CSS中，您可以使用多種方法將元素分為上下兩部分，以下是一些常見的方法：

1、使用Flexbox：Flexbox是一個強(qiáng)大的布局工具，可以輕松地將元素分為上下兩部分，您可以通過設(shè)置display: flex和flex-direction: column來實(shí)現(xiàn)。

.container {
  display: flex;
  flex-direction: column;
}

2、使用Grid：CSS Grid也是一個非常強(qiáng)大的布局工具，可以輕松地管理多個元素的位置和大小，您可以通過設(shè)置display: grid和grid-template-columns: 1fr 1fr來實(shí)現(xiàn)。

.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

3、使用***定位：您還可以使用***定位（absolute positioning）來將元素固定在容器的上下部分，這種方法需要明確設(shè)置元素的位置和大小。

.top-part {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
}
.bottom-part {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
}

4、使用相對定位：相對定位（relative positioning）是一種更靈活的方法，它允許元素相對于其正常位置進(jìn)行定位，這種方法不需要明確設(shè)置元素的大小和位置。

.top-part {
  position: relative;
  top: -50%;
}
.bottom-part {
  position: relative;
  top: 50%;
}

這些方法都可以幫助您在CSS中輕松地將元素分為上下兩部分，您可以根據(jù)自己的需求和偏好選擇***適合的方法。