CSS禁止X軸左右滾動的方法

在CSS中，我們可以通過設(shè)置overflow-x屬性來阻止元素在X軸上的左右滾動，這個屬性可以設(shè)置為hidden、scroll、auto或inherit，其中hidden表示不出現(xiàn)滾動條，scroll表示出現(xiàn)滾動條，auto表示根據(jù)內(nèi)容是否超出容器自動判斷是否出現(xiàn)滾動條，而inherit則表示繼承父元素的設(shè)置。

如果我們有一個寬度為500px的div元素，并且它的內(nèi)容寬度為600px，那么當(dāng)瀏覽器窗口寬度小于600px時，內(nèi)容就會超出div元素的寬度，這時我們就可以通過設(shè)置overflow-x屬性來阻止內(nèi)容在X軸上的滾動，代碼如下：

div {
  width: 500px;
  overflow-x: hidden;
}

這樣，當(dāng)內(nèi)容超出div元素的寬度時，瀏覽器就不會出現(xiàn)水平滾動條了。