CSS 高度100% 后滾動是一種常見的網站布局設計，它可以讓頁面在任何分辨率的瀏覽器下都呈現出完美的效果，并且可以提高用戶的體驗感。下面我們來詳細了解一下高度100% 后滾動的實現方法。 首先我們需要將HTML頁面中的body和html標簽都設置高度為100%。這樣可以保證頁面覆蓋整個瀏覽器窗口。

html, body {
height: 100%;
}

接下來，在我們要設置高度為100%的元素上再設置一個包裹層div，并將這個div的高度設置為100%。這樣我們就可以在這個div里面使用滾動條來瀏覽頁面內容。

html, body {
height: 100%;
}
.wrapper {
height: 100%;
overflow-y: scroll;
}

在上面的代碼中，我們使用了overflow-y樣式來控制滾動條的出現。當頁面內容高度大于包裹層div高度時，就會出現滾動條，反之則不出現滾動條。 最后，我們需要注意的是，所有子元素的高度都不能超過包裹層div的高度，否則會導致頁面出現滾動條外的白邊。 綜上，通過設置html、body和包裹層div的高度，以及使用overflow-y樣式來控制滾動條，我們就可以實現CSS 高度100% 后滾動的效果，讓頁面更加完美。