欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

使用ul、li、div排版,如何实现横向滚动_html/css_WEB-ITnose

程序员文章站 2022-04-11 22:46:21
...
网页结构如下:


点击添加子节点后会自动在上图插入子节点,子节点结构与上图中ul的结构相同。具体见下图:


随着不断插入子节点,页面宽度会越来越宽,但是一旦达到浏览器的宽度后就会自动换行,这样原来的结构就会发生改变,我想要的效果是不换行,如果超出浏览器宽度,页面可以横向滚动。
未超出浏览器宽度之前:

超出浏览器宽度之后:


谁知道如何解决这个问题?


回复讨论(解决方案)

你贴的代码让我看不懂……这跟滚动有关系吗

http://www.jq22.com/plugin/3498/demo

看看这个。

你贴的代码让我看不懂……这跟滚动有关系吗


看后两张图,一旦页面宽度超过浏览器宽度,页面就会自动换行,但是这样会破坏原来的结构,我希望的效果是,页面宽度超出浏览器后,自动出现水平滚动条,可以左右拖动页面,不破坏原有页面的结构。

动态改变body宽度后会浏览器会出现滚动条的,你横向滚动条被禁用了,或者说body宽度是100%?