CSS水平溢出是指當一個元素的寬度超過了它的父元素的寬度時，它會向右溢出。這種情況下，我們可以使用CSS溢出屬性來控制元素的行為。

/* 水平方向溢出時顯示滾動條 */
.box {
width: 500px;
overflow-x: auto;
}

我們可以使用CSS的overflow-x屬性來控制元素水平溢出時的行為。設置為auto則表示自動顯示水平滾動條，當元素可以滾動時自動出現，否則不顯示。

/* 水平方向溢出時隱藏內容 */
.box {
width: 500px;
overflow-x: hidden;
}

我們也可以使用CSS的overflow-x屬性將元素的水平溢出隱藏起來，這樣內容就不會被展示出來，而是被裁剪掉。

/* 水平方向溢出時將溢出內容換行顯示 */
.box {
width: 500px;
overflow-x: scroll;
white-space: nowrap;
}

我們還可以使用CSS的white-space屬性來控制元素的內容如何換行，在水平方向溢出時可以將內容的換行設置為nowrap，這樣就可以讓溢出的內容自動換行了。

總的來說，CSS的溢出屬性可以幫助我們更好地控制元素的樣式和行為，使得我們的頁面呈現更加美觀和精細。