豎向布局是前端開發中非常常見的布局方式，它可以使頁面的排版更加美觀和整潔。而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豎向布局的必要工具，掌握好它的使用方法可以為前端開發工作帶來很多便利。