CSS是前端開發中使用頻率最高的技術之一，它可以控制頁面的布局、顏色、字體等多個方面。在網頁開發過程中，有時會遇到元素內容超出容器范圍的情況，這時我們可以使用CSS做出超出部分隱藏的效果。

.container{
width: 200px;
height: 100px;
overflow: hidden;
}

上述代碼中，我們定義了一個名為.container的CSS類，它有一個200px寬、100px高的范圍。超出這個范圍的內容將會被隱藏。同時，我們在類定義中加入了一個overflow屬性，用來控制超出部分的行為。該屬性共有四個值：

• visible：默認值，表示超出部分可見。
• hidden：表示超出部分被隱藏。
• scroll：表示超出部分添加滾動條。
• auto：表示超出部分自動添加滾動條。

通過以上設置，我們可以輕松地控制頁面中超出容器范圍的內容。需要注意的是，當內容被隱藏時，部分元素可能會被截斷，因此需要合理把握布局和設計。