在頁面設計中，經(jīng)常會遇到需要將一個容器撐滿整個頁面的情況。這時候，我們就需要使用CSS來實現(xiàn)這個效果。下面將介紹幾種常見的實現(xiàn)方式。

/* 方式一：使用絕對定位 */
.container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
/* 方式二：使用flex布局 */
html, body {
height: 100%;
margin: 0;
}
body {
display: flex;
flex-direction: column;
}
.container {
flex: 1;
}
/* 方式三：使用vh單位 */
.container {
height: 100vh;
}

以上三種實現(xiàn)方式都可以將容器撐滿整個頁面。使用絕對定位的方式需要給父元素設置相對定位，并且設置top、left、right、bottom為0；使用flex布局需要給html和body元素設置高度為100%并取消margin，并在body上設置display為flex，且給容器設置flex:1；而使用vh單位則可以直接給容器設置height為100vh即可。

需要注意的是，在使用以上方法時，如果頁面中存在頭部和底部導航欄等元素，需要將容器的高度減去這些元素的高度，否則容器會超出頁面。