在css中,可以使用“overflow-x”属性来严格禁止页面的左右滚动条。 当该属性的值为“hidden”时,可以隐藏超出左右边缘的元素内容,因此页面的左右滚动条的显示是被严格禁止的。 ;句型为“body{overflow-x:hidden;}”。
本教程的运行环境:windows7系统,CSS3&&HTML5版本css 禁止滚动条,DellG3笔记本。
css如何严格禁止页面左右滚动条
我们可以使用overflow-x属性来设置超出页面左右长度的内容隐藏,这样页面上就不会出现左右滚动条了。
示例如下:
Document body{ overflow-x:hidden; } aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
登录后复制
如果溢出-x:hidden; style 没有添加到 body 元素中css 禁止滚动条,输出将如下:
上面例子的输出如下: