在 jquery ui 布局中设置 div 的高度

Question

我一直在尝试可调整的网格插件（jquery ui 布局）。我能够使用插件设置每个 div 的宽度。bt 当涉及到高度时，我只允许调整外部 div 的高度.我想知道是否可以调整 jsfiddle 链接中添加的内北 div 的高度 http://jsfiddle.net/J4bJ3/1/

我在加载时间尝试了$("#facetContainer").css({"height":"50%"}); 。 bt它不会工作

Answer 1

其中许多 ui 元素的设置需要在 css 中使用 !important 覆盖您是否尝试过消除 css 作为罪魁祸首？

编辑

如果我改变：

.ui-layout-pane-south {           
    border:          1px solid #BBB;
    overflow:        hidden;
}

到：

.ui-layout-pane-south {           
    height:          230px !important;
    border:          1px solid #BBB;
    overflow:        hidden;
}

导致：

当在元素上使用 id 时，实现规则如下：