本文介绍了如何通过CSS代码来控制网页滚动条的显示，包括overflow属性的使用，如overflow-x和overflow-y，以及如何隐藏水平或垂直滚动条。通过修改HTML文件的源代码并保存，可以实现所需效果。但需要注意，过度隐藏滚动条可能导致部分宽度过大的内容无法查看，因此在设计页面时应考虑浏览器分辨率的适配性。
用代码的方法控制网页的滚动条：供参考
1、overflow内容溢出时的设置(设定被设定对象是否显示滚动条)
2、overflow-x水平方向内容溢出时的设置
3、overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。
具体设置如下：
1、让浏览器窗口永远都不出现滚动条
body style=overflow-x:hidden;overflow-y:hidden
或body style=overflow:hidden
2、没有水平滚动条
body style=overflow-x:hidden
3、没有垂直滚动条
body style=overflow-y:hidden
具体的操作是：
1、在你的HTML文件上打右键，选择“打开方式”中的“记事本”
2、弹出的记事本窗口中显示的是相关HTML文件的网页源代码，选取上述控制滚动条代码中符合您需要的代码，
将它复制到网页源代码最后两行的中间，然后按记事本窗口菜单“文件\保存”，关闭记事本窗口。
3、双击HTML文件，在浏览器窗口中看看，是不是已经达到您的要求了？
尽管以上的方法可以满足您的要求，但如果您的页面宽度大过浏览器宽度很多的话，那就会有些页面内容看不到了。所以您设计页面时，宽度还是要与您的浏览器分辨率设置相当才好。
取消
评论
5977
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
