JQuery 面板 - 左侧菜单高度答案

【问题标题】：JQuery Panel - Left Menu HeightJQuery 面板 - 左侧菜单高度
【发布时间】：2016-05-18 18:28:34
【问题描述】：

我有一个由 jQuery 面板组成的左侧菜单。它的高度是全屏。如何将其缩短到与其内容一样高的大小（在这种情况下为 ul 属性）。我什至无法从 div 样式 (width:100px;height:10px did not work.) 手动编辑它的高度。 jQuery面板的任何具体原因？

有什么想法吗？

<script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script>
<!--LEFT TOP MENU PANEL-->
    <div data-role="panel" id="leftMenu" data-position="left" data-display="overlay" data-theme="a" data-overlay-theme="a" style="width:170px;">
        <ul data-role="listview">
            <li data-icon="false"><a id="a" href="#">Show A Items</a>
            </li>
            <li data-icon="false"><a id="b" href="#">Show B Items</a>
            </li>
            <li style="display:none" data-icon="false"><a>Show C Items</a>
            </li>
            <li data-icon="false"><a id="c" data-transition="none" href="#show_pollen">Show D Items</a>
            </li>
        </ul>
    </div>

【问题讨论】：

你想修复侧边栏的高度，因为内容有手段（宽度：100px；高度：自动；）这项工作....如果你有三个数据高度将被重新调整大小根据这个...
Vinoth，这仍然不起作用。 style="width:170px; height:auto

标签： javascript jquery html css

【解决方案1】：

好的，我刚刚编辑了 jquery.mobile.css。找到 .ui-panel 的 min-height 属性，并将其设置为 0%，声明 max-height 设置为 20% 也可能很重要。

.ui-panel{width:17em;min-height: 0%;max-height: 20%;border-width:0;position:absolute;top: 160px;display:block;}

【讨论】：