1、在HTML中，若要创建横向滚动条，可通过设置元素的overflo属性为scroll实现具体步骤如下以宽度为500像素高度为300像素的div元素为例，若希望该元素具备横向滚动条，代码编写如下一旦内容宽度超过div元素的实际宽度，就会自动显示横向滚动条用户可通过此滚动条水平滚动，以查看超出显示范围的内容。
2、核心原理通过CSS的transform rotate属性将整个滚动容器旋转90度，同时将子元素反向旋转90度以保持内容方向正常此时，鼠标滚轮的垂直滚动动作会被映射为容器的水平滚动，从而实现默认横向滚动效果实现步骤HTML结构创建一个包含内容的容器如div，并在其中放置需要横向滚动的子元素ltdiv class=#34。
3、使用CSS旋转属性transform rotate可实现鼠标滚轮横向滚动列表，无需监听滚轮事件，通过容器与子元素的反向旋转将垂直滚动转化为横向滚动实现原理容器旋转90度将外层容器overflow auto旋转90度，使垂直滚动条方向变为水平方向子元素旋转90度内层内容列表项反向旋转90度，抵消容器旋转的。
4、宽度设置成1500PX在1920*1080的显示器下是可以正常显示的，如果出现横向滚动，可能是DIV下面的某些元素出现了偏移，你试着给最外层的DIV盒子加上overflowhidden的属性，横向滚动应该就会不见了把。
5、image3jpg#34 class=#34item#34 lt！ 更多图片 ltdiv应用上述CSS后，当图片总宽度超过容器时，会自动出现横向滚动条，用户可通过滑动查看完整内容通过以上方法，可以高效实现Flexbox布局下的横向滚动效果，适用于图片列表菜单导航卡片组等需要水平排列且可能溢出的场景。
6、visible内容不裁剪，超出部分直接显示默认值，可能破坏布局hidden隐藏超出内容，不提供滚动条，信息可能丢失scroll强制显示横向滚动条，即使内容未溢出固定占用空间auto仅在内容溢出时显示滚动条，空间利用率高示例固定宽度横向滚动 div width 300px overflo auto。
7、把这一句 style=quotwidth2000pxquot去掉，当它所在的div里面的内容增多的时候，就自然有横向滚动条了可以多复制几个class=“glist”的整个div试试看例如ltdiv id=quotteamLeftquot class=quotf_lquot ltdiv class=quotglistquot ltdiv class=quotgimgquotlta href=quotgoodsphp？id=$goods_listgoods_idquotlt。
8、峰华的个人博客在前端这个无奇不有的世界里，有些网站不是正常垂直滚动的，而是横向滚动的那么在没法把鼠标滚轮横过来的前提。
9、其实只有一个div元素，但因为有太多的内容而出现滚动条我们给它最初的CSS样式是固定高度和宽度，使它出现横向和纵向滚动条。
10、但带来的后果就是浏览器会出现横向滚动条，因为浏览器可视区域的宽度是比这个默认的viewport的宽度要小的我们可以通过。
11、你几乎不会在电脑上见过横向滚动条，除非你调整缩放但是在移动端，缩放为 100% 的时候，Layout Viewport 不一定等于内容窗。
12、那就是当页面上某个节点存在横向滚动条的时候，一样应对自如传统的懒加载只是监听全局滚动条的滚动，像这种小细节还是无法实。
13、保存的html文件的表格还是无法自动添加横向的滚动条，帮忙再修复下该问题生成的版本对应git仓库的v6版本，依然没有修复问题还。
14、会有大片的空白，如果小于它的宽度就会有横向滚动条，影响阅读 晋太元中，武陵人捕鱼为业缘溪行，忘路之远近忽逢桃花林。
本文来自作者[暨伯]投稿，不代表调研号立场，如若转载，请注明出处：https://kydy.org.cn/miao/7961.html
评论列表（4条）
我是调研号的签约作者“暨伯”！
希望本篇文章《div横向滚动条/css如何让div滑动显现》能对你有所帮助！
本站[调研号]内容主要涵盖：调研号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览：1、在HTML中，若要创建横向滚动条，可通过设置元素的overflo属性为scroll实现具体步骤如下以宽度为500像素高度为300像素...