在浮动自动调整大小的ExtJS面板中考虑滚动条宽度

Question

这是我的问题，使用ExtJS 4.1.1：我有一个浮动面板，其内容可能会随着时间的推移而改变。我想让浮动面板在内容周围调整大小，但是将高度限制为最大400像素，之后应该出现垂直滚动条。

这个JSFiddle最好地解释了这个问题：http://jsfiddle.net/38Kaf/6/。

当内容大小低于maxHeight时，自动调整大小效果很好。但是当它更大（350px或更多）时，面板宽度太小而不能同时包含蓝色框和垂直滚动条，导致水平滚动显示。

请注意，这两个布局属性（'manageOverflow'和'reserveScrollbar'）都没有任何效果。

欢迎任何有关变通方法或替代方法的建议！

Answer 1

您已指定布局属性，但尚未指定布局类型：

layout: {
    type: 'fit',
    manageOverflow: 1,
    reserveScrollbar: true
}

这应该可以解决问题。