javascript - 使用 div 的高度来确定另一个 div 的 padding 或 margin-top

Question

我正在使用以下 jQuery 来计算 div 的宽度（以 % 为单位），然后告诉另一个 div 将其高度设置为以像素为单位的高度。

<script>
    $("#top").height($("#left").width());
    $("#bottom").height($("#left").width());
</script>

它工作得非常好。现在我的下一个问题是，我希望名为“wrapper”的 div 具有它为高度返回的像素值的 padding-top 或 margin-top。我尝试将“高度”更改为“填充顶部”，但这似乎不起作用。

最终结果是一个网页，其中有一系列 4 个黑色 div 作为边缘周围的边框，它计算窗口宽度的 5%，这决定了顶部和底部黑色 div 的像素值。这样它就完全均匀了。现在我希望我的内部包装器 div 也能从网页的最下方开始。

score 1 · Accepted Answer

使用jQuery outerWidth函数检索宽度，包括填充、边框和可选的边距（如果您将 true 作为outerWidth方法的唯一参数发送）。

score 0 · Accepted Answer

测试解决方案：查找一个 div 的高度并将其用作另一个 div 的边距顶部。

$('.topmargindiv').css('margin-top', function() {
    return $('.divheight').height();
});

2 回答 2