Div留在收容区内并可调整大小，保持收容

Question

我想调整ID为#box的div，但是当我调整框的大小时，它会更改收容。我怎样才能调整箱子的大小，防止收容箱移动？

＆＃13;

＆＃13;

$(function() {
  $(".size").resizable();
});
$(function() {
  $(".size").draggable({
    containment: [0, 50, 700, 150]
  });
});

＆＃13;

#box {
  padding: 200px 120px;
  background: #888;
  float: left;
  position: absolute;
  border-radius: 1px;
  box-shadow: inset -1px 0 1px 0 rgba(200, 200, 200, .5);
  border: 1px solid rgba(3, 3, 3, .5);
  left: -1px;
  top: 50px;
  border-radius: 1px;
}

＆＃13;

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<div id="box" class="size">
</div>

＆＃13;

＆＃13;

＆＃13;

这是我的代码所看到的，但我在这里得到了一些错误。那么，我可以在不移动收容的情况下调整大小吗？这也适用于所有屏幕尺寸。 （监视器）