如何在面板中更多地竞争时水平滚动（已经使用overflow-x：scroll）？

Question

你可以告诉我如何在竞争更加横向时水平滚动吗？我已经应用 overflow-x：scroll; 。但它对我不起作用。

我在小组面前争吵。当竞争更多时，你应该滚动。？我们可以滚动小组吗？

http://jsfiddle.net/mXyHL/8/ 我只需点击＆＃34;按钮＆＃34;在标题上打开面板并展开所有节点。我的节点在面板之外？

我们可以水平滚动吗？

<div data-role="page">    
    <div data-role="header" data-position="fixed">
        <a href="#menu-panel" data-icon="grid" data-iconpos="notext">Cancel</a> <h1>Home</h1>
    </div>
    <div data-role="panel" id="menu-panel">
        <div id="tree">
    <ul>
        <li id="a">a</li>
        <li id="b">b
            <ul>
                <li id="b-a-1">b-a</li>
                <li id="b-b-2">b-b
                    <ul>
                        <li id="b-b-a">b-b-a
                         <ul>
                        <li id="s-b-b-a">ssb-b-a
                              <ul>
                        <li id="sv-b-b-a">svvsb-b-a</li>
                        <li id="svvs-b-b-b">svvsb-b-b</li>
                    </ul>
                             </li>
                        <li id="ss-b-b-b">ssb-b-b</li>
                    </ul>

                        </li>
                        <li id="b-b-b">b-b-b</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li id="c-1">c
            <ul>
                <li id="not-c-a-1">c-a</li>
                <li id="not-c-b-2">c-b</li>
            </ul>
            </li>

    </ul>
</div>
    </div><!-- /panel -->       
</div><!-- /page -->

Answer 1

你正在定义你的CSS错误。它应该是#menu-panel，而不是.menu-panel。你给你的div一个ID，而不是一个类。