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

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

以上代碼是一個典型的使用隱藏方式的例子。如果其內(nèi)部元素的內(nèi)容超過容器大小，就會在容器邊緣處被截?cái)唷４藭r，用戶將無法看到被隱藏的內(nèi)容。同樣的，如果使用滾動方式，將會在容器的內(nèi)部添加滾動條，以便讓用戶查看隱藏的內(nèi)容。

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

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

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

最后一種方式是可見方式，在這種方式下，內(nèi)容會超出容器的邊界，未被隱藏或截?cái)唷＿@種方式通常用于制作具有特殊效果的內(nèi)容展示效果，如特效相冊。

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

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