CSS 超出截取是指將超出父容器寬度或高度的內容進行截取或隱藏的操作。這個功能在網頁設計中非常常見，因為它可以讓我們更好地控制網頁的布局和排版。在 CSS 中，我們可以使用 overflow 屬性來實現超出截取。下面我們分別介紹下它的各種用法。 在使用 overflow 屬性進行超出截取時，需要注意以下幾點。首先，我們需要確定中間容器的大小和超出內容的大小，才能有針對性地選擇使用何種截取方式。其次，超出截取會導致部分內容被隱藏，所以在使用時應該盡量避免重要信息被隱藏。最后，我們可以對超出截取進行更加細致的控制，比如設置超出部分的顏色或樣式。 下面我們來看看 overflow 屬性的具體用法。 1. Overflow: hidden 這種截取方式是最常見的一種，它可以將超出容器的內容隱藏。代碼如下：

div{
width: 100px;
height: 50px;
overflow: hidden;
}

當父容器寬度或高度不夠顯示子內容時，就會被截取。

2. Overflow: scroll 這種截取方式與 hidden 類似，只是增加了滾動條，當內容超出容器就可以通過滾動條來查看。代碼如下：

div{
width: 100px;
height: 50px;
overflow: scroll;
}

當父容器寬度或高度不夠顯示子內容時，就會顯示滾動條。

3. Overflow: auto 這種截取方式會自動選擇 hidden 或 scroll 兩種方式中更合適的一種。代碼如下：

div{
width: 100px;
height: 50px;
overflow: auto;
}

當父容器寬度或高度不夠顯示子內容時，會根據內容的大小自動選擇合適的截取方式。

4. Overflow: visible 這種截取方式不會對超出內容進行任何處理，而是將它們全部顯示出來。代碼如下：

div{
width: 100px;
height: 50px;
overflow: visible;
}

當父容器寬度或高度不夠顯示子內容時，所有內容都會被完整地顯示出來，從而超出容器的部分將會覆蓋其它元素。

總結一下，超出截取是網頁設計中非常重要的一部分。熟練掌握 overflow 屬性的各種用法，可以讓我們更好地控制頁面布局和排版，使網頁設計更加美觀和易于閱讀。