css中去除网页滚动条示例程序

默认状态下，当网页内容较多的时候，各网页浏览器会自动显示滚动条，在某些时候，我们不想显示滚动条，下面教你一些代码，可以去除横向滚动条、竖向滚动条、以及整体全部的滚动条，这些代码主要添加在页面的标签后面：

来看看看去掉滚动条的方法

滚动条样式主要涉及到如下CSS属性:

overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容
overflow: auto; 在需要时内容会自动添加滚动条
overflow: scroll; 总是显示滚动条
overflow-x: hidden; 禁止横向的滚动条
overflow-y: scroll; 总是显示纵向滚动条

去掉垂直方向（上下拉）的滚动条:

去掉水平方向（左右拉）的滚动条:

若水平的和垂直的都不想要，那就这样，更简单：

此些代码在IE8中做过测试，完全可用，火狐和chrome下也生效，相当不错了。

以下代码定义滚动条的样式：

注意：如果你的静态页面顶端有类似与这样的代码

 “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> ，请将这段代码删除或将BODY {…}更改为HTML{…}即可见滚动条效果。

iframe去掉滚动条 

关于