CSS中間部分算高度，是制作網頁布局不可缺少的技能。下面我們將詳細了解這方面的知識。

CSS中間部分算高度，通常是使用以下代碼:
.container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
}

上述代碼中的container即為中間部分的包裹層，這里采用了彈性盒子布局。flex-direction: column將子元素豎直排列，justify-content: center將子元素在垂直方向上居中，align-items: center將子元素在水平方向上居中。

然后，我們需要設置container的高度，這里使用了100vh，即占滿整個視口的高度。這就可以讓中間的內容始終垂直居中，而無論瀏覽器窗口的大小。

需要注意的是，設置container的高度為100vh時，如果body或html有margin或padding，會對效果產生影響。常見的解決方案是添加以下代碼：

html, body {
margin: 0;
padding: 0;
height: 100%;
}

這樣，我們就可以在CSS中間部分算高度方面更加熟練地運用它，制作出更加完美的網頁布局。