在html中，可以利用overflow-x屬性來禁止橫向滾動(dòng)，只需要給body元素添加“overflow-x:hidden;”樣式即可；該樣式可以規(guī)定當(dāng)內(nèi)容橫向超出頁面時(shí)，不提供橫向滾動(dòng)機(jī)制，而是裁剪并隱藏溢出的內(nèi)容。
本教程操作環(huán)境：windows7系統(tǒng)、css3&&html5版、dell g3電腦。
在html中，可以利用overflow-x屬性來禁止橫向滾動(dòng)。如下圖：
說明：
overflow-x 屬性規(guī)定是否對內(nèi)容的左/右邊緣進(jìn)行裁剪 – 如果溢出元素內(nèi)容區(qū)域的話。當(dāng)該屬性的值為hidden時(shí)，會(huì)裁剪內(nèi)容 – 不提供滾動(dòng)機(jī)制。
overflow-x 屬性的屬性值：
值描述visible不裁剪內(nèi)容，可能會(huì)顯示在內(nèi)容框之外。hidden裁剪內(nèi)容 – 不提供滾動(dòng)機(jī)制。scroll裁剪內(nèi)容 – 提供滾動(dòng)機(jī)制。auto如果溢出框，則應(yīng)該提供滾動(dòng)機(jī)制。no-display如果內(nèi)容不適合內(nèi)容框，則刪除整個(gè)框。no-content如果內(nèi)容不適合內(nèi)容框，則隱藏整個(gè)內(nèi)容。
推薦教程：《html視頻教程》