在网页设计中，扁平化模式已经走向前端。然而，扁平化多内容容易导致浏览器横屏溢出，影响用户体验也不利于优化，隐藏滚动条是必须的技能。本篇经验分享如何隐藏网页自滚动条与引入模块的滚动条如何隐藏。
工具/原料
电脑，浏览器
Dreamweaver，文本文件
方法/步骤
第一步：新建一个html文件
用dw或记事本软件新建一个html网页文件，命名为隐藏滚动条，保存在桌面；
为了方便查看滚动条，需要设置网页尺寸超过电脑屏幕大小；
在浏览器中打开网页，查看效果，如图：
第二步：
内隐藏滚动在
标签中写入以下代码，隐藏横向滚动条；overflow-x:hidden;
在
标签中写入以下代码，隐藏纵向滚动条；overflow-y:hidden;
在浏览器中查看效果，如图：
第三步：设置html半文本隐藏
删除body样式；
在样式中插入以下代码；
html { overflow-x: hidden; overflow-y: auto; }
隐藏横向滚动条；
在样式中插入以下代码；
html { overflow-x: auto; overflow-y: hidden; }
隐藏纵向滚动条；如图：
第四步：设置html全文本隐藏
在样式中插入以下代码；
html { overflow-x: hidden; overflow-y: hidden; }
隐藏全部滚动条。如图：
第五步：
在浏览器中查看滚动条动态，如图：
第六步：隐藏
如图：
第七步：高级隐藏