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

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，这可能不适合每个人。