在CSS中，我們可以通過設(shè)置特定的樣式來取消橫向滾動條，以下是一些常用的方法：

1、設(shè)置容器寬度：確保你的容器寬度大于或等于其內(nèi)容寬度，這樣可以避免橫向滾動條的出現(xiàn)，如果你的內(nèi)容寬度為300px，那么你的容器寬度應(yīng)該***少為300px。

2、使用overflow-x屬性：通過設(shè)置overflow-x屬性為hidden，可以隱藏橫向滾動條。

.container {
    overflow-x: hidden;
}

3、設(shè)置max-width屬性：將容器的max-width屬性設(shè)置為與屏幕寬度相同，也可以避免橫向滾動條。

.container {
    max-width: 100vw;
}

4、使用CSS Flexbox：通過CSS Flexbox布局，可以輕松管理容器的寬度和內(nèi)容的對齊方式，從而避免橫向滾動條。

.container {
    display: flex;
    justify-content: center;
    align-items: center;
}

5、響應(yīng)式設(shè)計：確保你的設(shè)計是響應(yīng)式的，能夠適應(yīng)不同屏幕大小的設(shè)備，這樣可以避免在窄屏設(shè)備上出現(xiàn)橫向滾動條。

@media (max-width: 600px) {
    .container {
        width: 100vw;
    }
}

通過以上方法，你可以有效地取消CSS中的橫向滾動條，提升用戶體驗。