CSS中間部分算高度，是制作網(wǎng)頁(yè)布局不可缺少的技能。下面我們將詳細(xì)了解這方面的知識(shí)。

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將子元素在水平方向上居中。

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

需要注意的是，設(shè)置container的高度為100vh時(shí)，如果body或html有margin或padding，會(huì)對(duì)效果產(chǎn)生影響。常見(jiàn)的解決方案是添加以下代碼：

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

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