相对位置和高度100%

Position relative and height 100%

本文关键字：100% 高度 位置 相对      更新时间：2023-09-26

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

为什么position: relative和height: 100%的高度为0？有没有可能让它在100%的高度下工作，或者我总是需要固定的高度？

JSFIDDLE

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

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

参见小提琴：http://jsfiddle.net/7fMDz/2/

或者，你可以做：

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

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

jcubic，使用以下代码重试：

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

参见小提琴：http://jsfiddle.net/7fMDz/5/

相关文章：