javascript - サイズ変更可能な div が包含パラメーター内に収まらない

Question

containment中央の div のサイズを変更すると、グリッドの右境界のパラメーター内に留まらず、左にサイズ変更されません。

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"
    });
});​

Answer 1

試す：

containment: "#grid",

監禁ではありません。