在html中,可以利用style和“overflow-x”属性设置div横向移动滚动条不显示,当属性的值设置为“hidden”时,就会不提供横向滚动机制,语法为“”。

本教程操作环境:windows10系统、HTML5版、Dell G3电脑。
html怎样设置div横向滚动条不显示
overflow-x属性指定如果它溢出了元素的内容区是否剪辑左/右边缘内容。
语法为:
立即学习“前端免费学习笔记(深入)”;
overflow-x: visible|hidden|scroll|auto|no-display|no-content;
其中参数表示如下:

示例如下:
js+cookie实现页脚固定广告条代码是一款当用户滚动页面时,横幅广告一直固定在页底,并不随页面滚动而滚动,可以关闭广告条,并设置一定时间内不再显示此广告条。
123 Overflow-x指定是否要剪辑的左/右边缘的内容.
Overflow-y指定是否要剪辑的顶部/底部边缘的内容
当没有给div元素添加style="overflow-x:hidden;"样式时,输出结果如下:

上述示例添加了该样式,输出结果如下:

推荐教程:《html视频教程》










