html隐藏最外侧滚动条,CSS隐藏网页滚动条的方法 包括横向纵向滚动条

当我们打开第一个网页的时候，浏览器都会显示横向、纵向的滚动条，如果不想要某一方向上的滚动条，可以用CSS将其隐藏掉，代码也是很简单的，在CSS只需定义一句便可：/*CSS代码：隐藏横向滚动条*/

html{overflow: auto; overflow-x:hidden}

/*CSS代码：隐藏纵向滚动条*/

html{overflow: auto; overflow-y:hidden}

/*FF、谷歌，Oprea都兼容，但要支持IE6~9，HTML头部定义需要这样，您可以复制下面的代码替换掉你的HTML头部： html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  */

这种方法实际上是通过隐藏超出某个方向上的内容，滚动条也自然就不显示了。不过还有一种方法，是强制不显示网页滚动条，只需在Body区添加一句代码即可，如下：

还可以选择在不需要时隐藏：

还有一种CSS方法，将横向、竖向滚动条都隐藏掉：

html {

overflow-x:hidden;

overflow-y:hidden;

}

根据你的实际情况选用吧，估计会有适合你的方法。