首页  >  文章  >  web前端  >  使用ul、li、div排版,如何实现横向滚动_html/css_WEB-ITnose

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

WBOY
WBOY原创
2016-06-24 11:41:392581浏览

网页结构如下:


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


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

超出浏览器宽度之后:


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


回复讨论(解决方案)

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

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

看看这个。

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


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

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn