[分享]css关闭横向滚动条

在Web开发中，有时候我们需要将body或某个div的横向滚动条关闭，下面就介绍一种CSS的方法。

body {
  overflow-x: hidden;
} 

上述代码只需将overflow-x设为hidden即可关闭横向滚动条。当然，也可以将该代码应用于某一个具体的元素上，只需将body改为该元素的class或id即可。

需注意的是，若该元素的宽度超过了浏览器窗口的宽度，则仍会出现横向滚动条。因此，需要保证该元素宽度小于等于浏览器窗口宽度。

除了上述方法，还可以通过JavaScript监听窗口宽度变化来动态控制横向滚动条的出现与隐藏，但这需要较多的代码实现，而CSS的方法更加简单明了。