jquery - 如果使用浮动 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）。

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

有谁知道我做错了什么？

谢谢！:)

score 1 · Accepted Answer

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

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

1 回答 1