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

Question

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

我试过$("#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 时，执行如下规则：