在CSS中，垂直分布div元素有多種方法，以下是兩種常見的方法：

1、使用Flexbox布局，F(xiàn)lexbox是一種靈活的布局方式，可以輕松地實(shí)現(xiàn)元素的垂直分布，通過給父元素設(shè)置display: flex屬性，然后給子元素設(shè)置align-self: center屬性，就可以將子元素垂直居中。

<div class="parent">
  <div class="child">我是子元素</div>
  <div class="child">我是另一個(gè)子元素</div>
</div>

.parent {
  display: flex;
  height: 100vh; /* 可以根據(jù)需要調(diào)整高度 */
}
.child {
  align-self: center;
}

2、使用CSS Grid布局，CSS Grid是一種強(qiáng)大的布局系統(tǒng)，可以處理復(fù)雜的網(wǎng)頁布局，通過給父元素設(shè)置display: grid屬性，然后給子元素設(shè)置align-self: center屬性，也可以實(shí)現(xiàn)元素的垂直分布。

<div class="parent">
  <div class="child">我是子元素</div>
  <div class="child">我是另一個(gè)子元素</div>
</div>

.parent {
  display: grid;
  height: 100vh; /* 可以根據(jù)需要調(diào)整高度 */
}
.child {
  align-self: center;
}

兩種方法都可以實(shí)現(xiàn)元素的垂直分布，具體使用哪種方法可以根據(jù)實(shí)際需求來決定。