<body style=`overflow:-Scrolloverflow-y:hidden` >
</body>
2、取消横向滚动条：
<body style=`overflow:-Scrolloverflow-x:hidden` >
</body>
3、两个滚动条都取消
<body scroll="no">
</body>
用CSS可以实现效果。代码如下： html{height:100%}body{height:100%overflow:hidden}//overflow:hidden为隐藏滚动条 body{overflow:scroll}//如果内容高度大于屏幕就会显示滚动条细心的朋友会发现，平时上网的时候，网页页面有2个条，居于网页左下侧和最右侧，分别为横线滚动条和竖向滚动条。这2个滚动条可以方便查看因为屏幕太小显示不了的页面。但是有时候开发网页的时候，并不需要这个滚动条，那么怎么去掉这2个滚动条呢？下面小编就教大家解决的办法。工具/原料
html基础知识，去掉横竖滚动条
方法/步骤
1
首先来看竖滚动条，如下图，在屏幕最右侧的位置。
2
怎么去掉最右侧的这个导航条呢？
我们在</body>之前加上这条html代码：
<body style="overflow:-Scrolloverflow-y:hidden" >
3
然后保存代码，刷新页面看看最右侧的滚动条是不是去掉了呢，刷新以后最右侧的滚动条的确已经不在了。
4
然后再来看看横向滚动条，如下图，在屏幕最下侧的位置。
5
怎么去掉最下侧的这个导航条呢？
我们在</body>之前加上这条html代码：
<body style="overflow:-Scrolloverflow-x:hidden">
6
然后保存代码，刷新页面看看最下侧的左右滚动条是不是去掉了呢，刷新以后最下侧的滚动条的确已经不在了。
END
