在網頁開發中，有時候我們需要將頁面上的某些內容進行隱藏，比如一些不必要的廣告、側邊欄、底部信息等等。這時候，CSS是我們的好幫手。

使用CSS隱藏頁面多余內容的方法有很多種，下面我們來介紹一些常用的方法。

/* 使用display屬性隱藏 */
.advertisement {
display: none;
}
/* 使用visibility屬性隱藏 */
.sidebar {
visibility: hidden;
}
/* 使用opacity屬性隱藏 */
.footer {
opacity: 0;
}
/* 使用height屬性隱藏 */
.bottom-info {
height: 0;
}

其中，display: none;將元素完全隱藏，不會占用頁面空間；visibility: hidden;將元素隱藏但仍占用頁面空間；opacity: 0;將元素變為透明，不會占用頁面空間；height: 0;將元素高度設為0，不顯示但仍占用頁面空間。

需要注意的是，使用CSS隱藏元素并不意味著這些內容已經從頁面中消失。對于一些敏感信息，如密碼等，最好不要簡單地使用CSS隱藏，而是直接從HTML中刪除這些內容。

另外，也可以通過JavaScript來控制隱藏和顯示。比如：

// 隱藏元素
document.getElementById("advertisement").style.display = "none";
// 顯示元素
document.getElementById("advertisement").style.display = "block";

以上是對CSS隱藏頁面多余內容的簡單介紹，希望對您有所幫助。