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

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

标签后面：

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

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

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

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

代码如下	复制代码
网页正文

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

代码如下	复制代码
网页正文

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

代码如下	复制代码

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

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

代码如下	复制代码

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

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

iframe去掉滚动条

关于

可以通过下面的方法来去掉：
在iframe 所包含的网页中添加

代码如下	复制代码

即可以去掉水平滚动条了，也可以用同样的方法去掉垂直滚动条

当然还有一种办法就是直接在iframe中加一个标签scrolling=no 即可。

第1种形式：

代码如下	复制代码