竖向布局是前端开发中非常常见的布局方式，它可以使页面的排版更加美观和整洁。而css就是控制div竖向布局的最重要的一种工具。
要实现div竖向布局，需要使用css中的display属性。display属性有多种属性值，如block、inline、inline-block、flex等等。其中，block和flex是实现div竖向布局的最常用的两个属性。
一、使用block属性实现div竖向布局
div {
display: block;
width: 100%;
}使用block属性，可以使div元素在父元素内占据一整个块，从而实现竖向的布局。同时设置width为100%，可以使div元素的宽度与父元素的宽度相同。
二、使用flex属性实现div竖向布局
.container {
display: flex;
flex-direction: column;
}使用flex属性也可以实现div竖向布局，只需要将父元素的display属性设置为flex，并设置flex-direction属性为column。这样就可以让子元素在竖向方向上排列。
在实现div竖向布局时，还可以使用其他的css属性，如justify-content、align-items、margin、padding等，从而使布局更加美观和灵活。
总之，css是实现div竖向布局的必要工具，掌握好它的使用方法可以为前端开发工作带来很多便利。