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

Question

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

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

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

最终结果是一个带有一系列4个黑色div的网页作为边缘的边框，它计算窗口的5％，并确定像素值的顶部和底部如何黑色div是。这样就完全均匀了。现在我想要我的内部包装器div，也可以从网页开始那么远。

Answer 1

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

Answer 2

经过测试的解决方案：找到div的高度并将其用作另一个div的上边缘。

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