Question

使用我的内容更容易解释：http://jsfiddle.net/Kuq5a/

我的目标是从虚线框的每个角落保持所有四个彩色框的距离相同（每路10个）。当边界框是静态的时很容易，但在我的情况下，它将由用户调整大小，滑块作为一种方法。

具体来说，当边界框增长时，我正试图让绿色向右滑动，向下滑动，向下对角向右滑动黄色。

我的朋友建议使用position: absolute，但这并不是我需要的。用灰色框显示，它们附着在整个窗口上！

Answer 1

我做到了：JSFiddle

我使用的不是top: 10px bottom: 10px。

我不太清楚灰盒应该如何反应，所以我没有改变它们的属性......

Answer 2

如果您只想使用Jquery，那么就是这样做的。

function resize(px) {
    $(".colorbox").css("width", px+"px");
    $(".colorbox").css("height", px+"px");
    $("#g").css("margin-left", px-100+"px");
    $("#b").css("margin-top", px-100+"px");     
    $("#y").css("margin-left", px-100+"px");
  }

如何将小div保持在可调整大小的容器边界附近？

2 个答案: