动态调整包含 Jstree Tree 的 div 的宽度

Question

我有以下布局：

<div id="tree" class="jstree"></div>

并且它生成一个具有多级 ul 和 li 元素的 jstree。我设置了 overflow:auto，以便在展开或折叠项目时出现滚动条。我想要发生的是动态调整 #tree 的宽度，这样当你展开项目时，它会调整大小，这样就不会有水平滚动。

这里 fiddle 描述了我在说什么：http://jsfiddle.net/0xwg3c2c/

Answer 1

您只需更改 CSS，使用最小宽度和最小高度属性，如下所示：

.container {
    border: 1px black solid;
    min-width: 150px;
    min-height: 100px;
    overflow: auto;
}

Answer 2

您可以使用 display:inline-block; 根据内容调整元素大小。

.container {
    display:inline-block;
    border: 1px black solid;
    min-width: 150px;
    min-height: 100px;
}

Dynamically resizing the width of a div that contains Jstree Tree