复制一个div的尺寸尺寸并将其应用于另一个div。它添加了错误的尺寸吗？

Question

我真的可以使用一些帮助来解决此问题。

我有一个装有图像的容器。图像上有一个红色框阴影，因此您可以看到其宽度和高度。 （请参见下图）

我还有另一组空容器，背景颜色为红色。我希望带有红色背景色的空容器与图像完全相同。 （请参见下图）

JS FIDDLE

这是全屏版本：https://jsfiddle.net/nLv0xt52/2/embedded/result/

这是我当前的脚本：

    var imgContainer = $(".mad-hat-parent-menu .quadmenu-product-float"),
    sourceImg = $("li#menu-item-15959 span.quadmenu-item-content");

    function resizeDiv() {
        imgContainer.height(sourceImg.width());
        imgContainer.width(sourceImg.width());
    }

    setTimeout(function() {
        $(window).on("load resize", function() {
            resizeDiv();
        });
    }, 0);

目前，红色框与我需要的尺寸不匹配。 这实际上仅在1920x1080分辨率上可见 。


谢谢！