如果使用float CSS属性，JQueryUI手风琴不会调整大小

Question

我正在尝试用JQuery UI创建一个手风琴。 我使用了一种布局，其中手风琴浮动到左边，而另一个侧边栏浮动到右边。 （参见以下小提琴：http://jsfiddle.net/MEJYu/）

#container {
    border: 1px solid black;
    width:50%;
    height:100%;
}

#accordion {
    float:left;
}

#sidebar { 
    float:right;
}

当我使用float或display：table / table-cell配置时，手风琴不会正确调整大小以容纳父div。 （我正在使用heightStyle：fill）。

当我取消float属性时，手风琴会按预期显示。

有谁知道我做错了什么？

谢谢！ ：）

Answer 1

您必须设置属性autoHeight。设置为真。

$("#accordion").accordion({autoHeight: true})

http://jsfiddle.net/MEJYu/3/