jquery - jQuery UI layout on a container div instead of body

Question

I'm using jQuery UI layout. I want to apply the layout to a container, not the entire body.

Works when I do $('body').layout();.

Fails when I add a container div and do $('.myDiv').layout();.

Am I selecting or applying my container incorrectly?

score 8 · Accepted Answer

您的容器需要有一个明确的大小集。如果您将高度添加到您的 .myDiv 它可以工作：

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

score 0 · Accepted Answer

我还用一个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，这可能不适用于所有人。

2 回答 2