CSS的div元素是我們最常見的布局容器，但是在某些情況下，我們需要控制div內部元素的顯示范圍，一般使用overflow屬性來實現。其中，超出部分的隱藏使用的是“hidden”值。下面，我們將會詳細講解這個屬性。

#box {
overflow: hidden;
}

當設置容器div的overflow屬性值為“hidden”時，元素超出容器的部分將會被隱藏起來。這可以為我們提供更加靈活的頁面布局。

這是一個div容器，超出部分將被隱藏。

實際上，overflow屬性還有其他的幾個取值:

• visible： 默認值，不會裁切超出父容器的部分。
• scroll： 顯式地為容器指定滾動條。
• auto：自動決定是否需要顯示滾動條。

如果我們希望在超出部分處顯示滾動條，可以將overflow屬性值設置為“scroll”或“auto”。

#box {
overflow: scroll;
}

當然，超出部分也可以使用其他方式來處理，比如說溢出元素可以自動生成一個滾動條。本文重點介紹的“hidden”值，實際上可以使超出部分無法查看，但并不限制其其他方面的使用。

綜上所述，overflow屬性是控制div元素超出部分的重要工具，同時也能給我們帶來更加靈活的頁面布局。無論如何設定，都需要注意超出部分會受到影響，需要在實際應用中進行多次嘗試與調整。