Question

我有jQuery插件splitter它只能工作如果我将容器设置为固定高度，如果我将高度设置为100％它不起作用。如果我在没有height()的情况下运行插件，则高度为0。

为什么position: relative和height: 100%的高度为0？是否可以使其在100％高度下工作，或者我是否总是需要固定高度？

Answer 1

对于百分比高度不为0的元素，它必须具有高度的父级。如果你在它周围放置一个高度为200px或者其他东西的容器，它将是父系的100％，所以200px;

<div style="height: 200px">  
  <div id="foo">...</div>
</div>

或者，您可以这样做：

$('#foo').height($(window).height()).split();

如果你想让它达到100％的屏幕高度。

Answer 2

jcubic，请使用以下代码重试：

$(function() {
    $('#foo').height($( window ).height()).split({
        orientation:'vertical',
        limit:10
    });
});