当前位置:Gxlcms > html代码 > 使用ul、li、div排版,如何实现横向滚动_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:184人阅读

网页结构如下:


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


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

超出浏览器宽度之后:


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


回复讨论(解决方案)

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

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

看看这个。

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


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

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

人气教程排行