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

【问题标题】：Use div's height to determine another div's padding or margin-top使用 div 的高度来确定另一个 div 的 padding 或 margin-top
【发布时间】：2017-07-15 08:13:57
【问题描述】：

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

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

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

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

【问题讨论】：

更多代码或jsfiddle请。

标签： javascript jquery css web

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：