站長(zhǎng)資訊網(wǎng)
在html中，可以利用overflow-x屬性來(lái)禁止橫向滾動(dòng)，只需要給body元素添加“overflow-x:hidden;”樣式即可；該樣式可以規(guī)定當(dāng)內(nèi)容橫向超出頁(yè)面時(shí)，不提供橫向滾動(dòng)機(jī)制，而是裁剪并隱藏溢出的內(nèi)容。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在html中，可以利用overflow-x屬性來(lái)禁止橫向滾動(dòng)。如下圖：
說(shuō)明：
overflow-x 屬性規(guī)定是否對(duì)內(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視頻教程》
