這篇文章主要介紹了css如何隱藏橫向滾動條，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)建站是一家專注于網(wǎng)站設(shè)計制作、網(wǎng)站設(shè)計與策劃設(shè)計,呼中網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)十多年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:呼中等地區(qū)。呼中做網(wǎng)站價格咨詢:18980820575

css隱藏橫向滾動條的方法：首先在html里寫上一個div；然后為body添加一個樣式；最后在樣式定義里加上語句“overflow-x: hidden;”即可隱藏橫向滾動條。

我們先在html里寫上一個div，正常情況下，是沒有滾動條的。

當(dāng)我們的頁面的內(nèi)容很長，或主動設(shè)置很大的寬度時，就會有滾動條的。

運(yùn)行頁面，可以看到出現(xiàn)滾動條了。

為了隱藏這個滾動條，我們可以先為body添加一個樣式。

在樣式定義里，我們加上

overflow-x: hidden;

的樣式。

再次運(yùn)行頁面時，可以看到頁面上的滾動條已經(jīng)沒有了。

這種方法隱藏的滾動條，當(dāng)內(nèi)容很長，是會把部分內(nèi)容也隱藏掉的，因?yàn)橐紤]好，最好設(shè)置一個最大的寬度，讓其自動換行。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css如何隱藏橫向滾動條”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!