javascript - 我如何相对于外部容器节点的大小设置Dojo TitlePane的高度？

在下一个示例中，我在200px高的容器之间创建了TitlePane。我将TitlePane高度设置为100％，但似乎没有扩大。

相关代码:

var titlePane = new TitlePane({
    title: "TITLE",
    toggleable: false,
    style: "height: 100%; overflow-y: auto",
    content: "foo"
});
var outerPane = new ContentPane({
    content: titlePane,
    style: "height: 200px;"
}, dojo.byId("body2"));

完整示例:

http://jsfiddle.net/bzFPM/

任何的想法？

最佳答案

添加此样式

.dijitTitlePaneContentOuter
{
    height:80%;
}

我不确定这是否是最佳选择。但这也可以。

http://jsfiddle.net/bzFPM/4/