css 禁止滚动条-css如何严格禁止页面左右滚动条

2023-08-27 0 4,539 百度已收录

在css中,可以使用“overflow-x”属性来严格禁止页面的左右滚动条。 当该属性的值为“hidden”时,可以隐藏超出左右边缘的元素内容,因此页面的左右滚动条的显示是被严格禁止的。 ;句型为“body{overflow-x:hidden;}”。

css 禁止滚动条-css如何严格禁止页面左右滚动条

本教程的运行环境:windows7系统,CSS3&&HTML5版本css 禁止滚动条,DellG3笔记本。

css如何严格禁止页面左右滚动条

css 禁止滚动条-css如何严格禁止页面左右滚动条

我们可以使用overflow-x属性来设置超出页面左右长度的内容隐藏,这样页面上就不会出现左右滚动条了。

示例如下:

css 禁止滚动条-css如何严格禁止页面左右滚动条



    
    
    
    Document
    
    body{
        overflow-x:hidden;
    }
    


    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

登录后复制

css 禁止滚动条-css如何严格禁止页面左右滚动条

如果溢出-x:hidden; style 没有添加到 body 元素中css 禁止滚动条,输出将如下:

上面例子的输出如下:

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 css css 禁止滚动条-css如何严格禁止页面左右滚动条 https://www.wkzy.net/game/166093.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务