javascript - 相对位置和高度 100%

Question

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

为什么 position: relative 和 height: 100% 的高度为 0？是否可以让它在 100% 高度下工作，还是我总是需要固定高度？

JSFIDDLE

Answer 1

要使百分比高度不为 0 的元素，它必须有一个具有高度的父元素。如果你在它周围放一个高度为 200px 或其他的容器，它将是父级的 100%，所以 200px；

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

参见 fiddle :http://jsfiddle.net/7fMDz/2/

或者，您可以:

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

如果您想让它达到屏幕的 100% 高度。