CSS中的“display”屬性有很多個值，其中有一個是“flex”。將一個容器設置為“display: flex”時，可以通過其他屬性來控制容器內部元素的排列方式，包括水平排列和豎直排列。

如果想要將網頁豎直分為兩個部分，可以將容器設置為“display: flex”，然后再設置“flex-direction: column”。

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

這樣，容器內的元素就會按照豎直方向排列。容器內部的元素可以通過“flex-grow”屬性來控制它們在垂直方向上的相對大小。如果想要讓一個元素占據整個容器的空間，可以將其“flex-grow”屬性設置為“1”。

.container {
display: flex;
flex-direction: column;
}
.container > div {
flex-grow: 1;
}

這樣，容器內的兩個元素就會平分容器的垂直空間。