调整中间 div 的大小时,不会停留在containment
网格右边界的参数内,也不会向左调整大小。
http://jsfiddle.net/dKuER/8/(清晰示例,已更新)
HTML
<div id='grid'>
<div class='outline first top'>
<div class='container'></div>
</div>
<div class='outline top'>
<div class='container resizable'></div>
</div>
<div class='outline last top'>
<div class='container'></div>
</div>
<div class='outline first bottom'>
<div class='container'></div>
</div>
<div class='outline bottom'>
<div class='container'></div>
</div>
<div class='outline last bottom'>
<div class='container'></div>
</div>
</div>
JS
$(document).ready(function() {
$('.resizable').resizable({
containment: "#grid", // Updated to reflect answer, but wasn't the issue.
handles: "ne,se,nw,sw"
});
});