在CSS中，可以通過(guò)設(shè)置overflow-x屬性來(lái)控制橫向滾動(dòng)條的出現(xiàn)，當(dāng)內(nèi)容在水平方向上超出其容器時(shí)，瀏覽器會(huì)默認(rèn)顯示一個(gè)橫向滾動(dòng)條，如果不希望顯示這個(gè)滾動(dòng)條，可以將overflow-x屬性設(shè)置為hidden。

假設(shè)有一個(gè)div元素，其內(nèi)容超出了其寬度，可以通過(guò)以下CSS樣式來(lái)隱藏橫向滾動(dòng)條：

div {
  width: 300px; /* 假設(shè)div的寬度為300像素 */
  overflow-x: hidden; /* 隱藏橫向滾動(dòng)條 */
}

這樣，即使內(nèi)容超出了div的寬度，瀏覽器也不會(huì)顯示橫向滾動(dòng)條，需要注意的是，這只會(huì)隱藏滾動(dòng)條，而不會(huì)限制內(nèi)容的寬度，如果內(nèi)容超出了設(shè)置的寬度，它仍然會(huì)溢出到下一行。

如果希望限制內(nèi)容的寬度并防止溢出，可以使用max-width屬性。

div {
  max-width: 300px; /* 限制內(nèi)容的寬度為300像素 */
  overflow-x: hidden; /* 隱藏橫向滾動(dòng)條 */
}

就不會(huì)超出300像素的寬度，并且如果內(nèi)容過(guò)多，瀏覽器也不會(huì)顯示橫向滾動(dòng)條。