CSS溢出裁剪是一種常用的技術，用于控制 HTML 元素的內容在超出容器大小時的顯示方式。溢出裁剪的常見方式有四種：隱藏（hidden）、滾動（scroll）、自動（auto）和可見（visible）。

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

以上代碼是一個典型的使用隱藏方式的例子。如果其內部元素的內容超過容器大小，就會在容器邊緣處被截斷。此時，用戶將無法看到被隱藏的內容。同樣的，如果使用滾動方式，將會在容器的內部添加滾動條，以便讓用戶查看隱藏的內容。

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

自動方式可以根據容器和內容的長度，自動選擇是否添加滾動條。如果內容長度大于容器長度，則會添加滾動條；反之，則不會。

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

最后一種方式是可見方式，在這種方式下，內容會超出容器的邊界，未被隱藏或截斷。這種方式通常用于制作具有特殊效果的內容展示效果，如特效相冊。

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

總之，CSS溢出裁剪是一個非常實用的技術，可以用于控制 HTML 元素的內容在超出容器大小時的顯示方式。四種方式中，隱藏和滾動方式是最常用的，自動和可見方式則根據需求而定。