容器div上的jQuery UI布局而不是body

Question

我正在使用jQuery UI布局。我想将布局应用于容器，而不是整个主体。

当我$('body').layout();时，

工作。

http://jsfiddle.net/JPEaa/216/

当我添加容器div并执行$('.myDiv').layout();时，

失败。

http://jsfiddle.net/JPEaa/217/

我是否错误地选择或应用了我的容器？

Answer 1

您的容器需要设置明确的大小。 如果您为.myDiv添加高度，它可以工作：

<div class="myDiv" style="height:400px">

http://jsfiddle.net/JPEaa/223/

Answer 2

我还用div元素包装我的布局，例如：

<div class='wrapper'>
   // layout divs go here
</div>

除了我发现使用以下CSS而不是固定高度更加实用（正如Andy建议的那样），以便让我的布局正确使用整个浏览器窗口，并在窗口调整大小时正确自我调整

.wrapper {
   position : absolute;
   width    : 100%;
   margin   : 0 auto;
   top      : 0px;
   bottom   : 0px;
}

请注意，由于position: absolute，这可能对所有人都不可行。