使用 jQuery 获取 div x 的宽度并将相同的宽度应用于 div y

Question

我的问题是假设性的，我还没有生成的代码可以使用。

我有一个带有中心网格的网页，使用 jQuery Masonry 排列。我的问题是美学问题之一。因为砌体使网格居中，这是有目的的，所以网格通常比父容器薄得多，因此它与页眉和页脚中的元素对齐不太好。类似地，有时网格被允许扩展到超出标题的宽度，这看起来更糟。

我已经研究过使用脚本来调整流体列的大小，尽管我的网格包含图像并且结果并不好。我现在在想，也许有一个小脚本可以随时检测和获取砌体容器的宽度，#grid（宽度当然是动态的，并且内联显示）例如<div id="grid" class="masonry" style="height: 408px; position: relative; width: 1368px;">，然后将相同的宽度应用于#header、#footer 以及任何其他需要使整个事物根据网格宽度排列的内容。

有什么建议吗？提前致谢

Answer 1

当然

var current_width = $("#grid").width();
$("#footer, #header").width(current_width);

或

$("#footer, #header").width($("#grid").width());

现在当页面被调整大小时（如果页面被缩放也会发生？）运行如下代码：

$(document).ready(function() {
    $(window).resize(function() {
        $("#footer, #header").width($("#grid").width());
    });
});

Answer 2

您也可以这样做：只需将标题放入#container 中，就像this fiddle 一样，蓝色框居中并根据需要调整大小。也许这就是你所追求的。