要让两个div元素纵向排列，可以使用CSS样式中的display属性，将其设置为flex或者grid布局。首先，对父元素div应用CSS样式display: flex;或者display: grid;，使其内部的子元素div按照纵向的排列方式进行布局。
在flex布局中，可以使用flex-direction: column;来指定子元素的纵向排列方式；而在grid布局中，可以使用grid-template-columns或grid-template-rows来定义子元素在纵向上的排列方式。通过这样的方式应用CSS样式，就可以轻松实现两个div元素的纵向排列。
要使两个DIV元素在网页中垂直排列，可以通过以下方法实现：
方法一：使用CSS的`display: flex`属性
1. 为父元素（容器）添加CSS属性`display: flex;`。
2. 为子元素（DIV）添加CSS属性`flex: 1;`，以便它们垂直分布并填充容器空间。
方法二：使用CSS的`display: table-cell`属性
1. 为父元素（容器）添加CSS属性`display: table;`。
2. 为子元素（DIV）添加CSS属性`display: table-cell;`，以便它们垂直分布并填充容器空间。
方法三：使用CSS的`float`属性
1. 为第一个子元素（DIV）添加CSS属性`float: left;`。
2. 为第二个子元素（DIV）添加CSS属性`clear: left;`，以便它们垂直分布。
这些方法都可以实现两个DIV元素在网页中的垂直排列。具体使用哪种方法取决于您的设计和开发需求。
