如何将一个div与另一个div相匹配？

Question

我想让我的div（淡入淡出和变形 - 微调器）适合基础div（名称 - 容器）。我该怎么做？这是关于jsfiddle的代码：

http://jsfiddle.net/nyy8egb0/7

我的意思是我希望根据fade的大小调整morph-spinner和name-container的大小。

Answer 1

哦，我的，你的小提琴中有一些非常糟糕的东西，从这开始：

function sleep(milliseconds) {
    var start = new Date().getTime();
    for (var i = 0; i < 1e7; i++) {
        if ((new Date().getTime() - start) > milliseconds){
            break;
        }
    }
}

请，只是......不要。

这是一个更好的版本：http://jsfiddle.net/u6nLj532/

至于你的问题，我想你想这样做：

$("#fade, #morph-spinner")
    .width($("#name-container").outerWidth())
    .css("left", $("#name-container").offset().left);

问题是，你正在尝试重新发明轮子，因为有一个jQuery插件可以做到这一点。请参阅此处的演示：http://malsup.com/jquery/block/#element

这是一个带插件的版本，您只需要设置样式：http://jsfiddle.net/u6nLj532/2/