CSS橫向滾動(dòng)是一個(gè)常見(jiàn)的UI效果，但有時(shí)候我們會(huì)發(fā)現(xiàn)它不起作用，即橫向滾動(dòng)條沒(méi)有出現(xiàn)。這可能有以下幾個(gè)原因：

1. 寬度不夠
若我們給頁(yè)面容器設(shè)置了一個(gè)固定寬度，而其中的內(nèi)容超出了容器寬度，那么就會(huì)出現(xiàn)橫向滾動(dòng)條。但如果容器寬度不夠，那么就不會(huì)出現(xiàn)橫向滾動(dòng)條。解決方法是增加容器寬度或者減小內(nèi)容寬度。
2. overflow屬性
在CSS中，設(shè)置overflow為hidden可以防止內(nèi)容溢出，并隱藏溢出的部分。但這也會(huì)導(dǎo)致橫向滾動(dòng)條不出現(xiàn)。解決方法是將overflow屬性設(shè)置為visible或者auto。
3. white-space屬性
在默認(rèn)情況下，文本會(huì)在遇到容器邊緣時(shí)自動(dòng)換行。如果我們想讓文本不換行而顯示橫向滾動(dòng)條，可以將white-space屬性設(shè)置為nowrap或者pre。

以上是導(dǎo)致CSS橫向滾動(dòng)不顯示的常見(jiàn)原因，我們可以根據(jù)具體情況進(jìn)行相應(yīng)的調(diào)整，以實(shí)現(xiàn)想要的效果。