css怎么隐藏横向滚动条


本文摘自PHP中文网,作者藏色散人,侵删。

css隐藏横向滚动条的方法:首先在html里写上一个div;然后为body添加一个样式;最后在样式定义里加上语句“overflow-x: hidden;”即可隐藏横向滚动条。

本文操作环境:Windows7系统、Dell G3电脑、HTML5&&CSS3版。

我们先在html里写上一个div,正常情况下,是没有滚动条的。

d4a912d337536d576c0535ebb49e7df.png

当我们的页面的内容很长,或主动设置很大的宽度时,就会有滚动条的。

3bbd4264be78346c071f369219d48fa.png

运行页面,可以看到出现滚动条了。

2c9e69888fb130f34184cf917c71858.png

为了隐藏这个滚动条,我们可以先为body添加一个样式。

df0955a52a2cddc022977a8ae1f3fc6.png

阅读剩余部分

相关阅读 >>

十一款学css小游戏,你知道几个

怎样操作meta标签中的viewport来控制设备屏幕的css属性

为什么css放上面js放下面

css怎么设置宽为100vw

css超出显示滚动条的方法有哪些

dreamweaver网页怎么创建css样式的复合声明?_dreamweaver教程_网页制作

css怎么改变hr标签颜色

css background-origin属性怎么用

利用html+css+js实现简单的点赞效果

@charset规则怎么用

更多相关阅读请进入《css》频道 >>




打赏

取消

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

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...