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

网页结构如下：


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


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

超出浏览器宽度之后：


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

回复讨论(解决方案)

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

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

看看这个。

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

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

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