在網頁制作過程中，我們經常會遇到內容溢出的情況。這時候，CSS就能幫我們解決這個問題。
一、使用overflow屬性
當元素的內容超出其指定大小時，可以使用overflow屬性來控制溢出部分的顯示方式。overflow屬性有以下幾個值：
1. visible：默認值，允許溢出；
2. hidden：隱藏溢出部分；
3. scroll：顯示滾動條，當溢出部分超出指定高度或寬度時，滾動條出現；
4. auto：當溢出部分超出指定高度或寬度時，自動顯示滾動條。
pre標簽中的代碼示例：

p {
width: 200px;
height: 100px;
overflow: hidden;
}

二、使用text-overflow屬性
當文本內容超過元素指定寬度時，可以使用text-overflow屬性來控制溢出的文本如何顯示。其屬性值有以下兩種：
1. clip：直接截斷溢出的文本；
2. ellipsis：溢出的文本以省略號代替。
pre標簽中的代碼示例：

p {
white-space: nowrap; /* 必需 */
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
}

以上兩種方法均能有效防止內容溢出，但需要根據實際情況選擇。需要注意的是，在使用text-overflow屬性時，必須先設置white-space屬性為nowrap，否則text-overflow屬性不起作用。
總的來說，CSS有很多方法可以用來控制內容的溢出，學會運用它們可以讓網頁看起來更加美觀和規范。