javascript - div の高さを使用して、別の div のパディングまたはマージントップを決定します

Question

次の jQuery を使用して div の幅 (% 単位) を計算し、別の div に高さをピクセル単位で設定するように指示します。

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

それは本当にうまくいっています。次の問題は、「ラッパー」と呼ばれる div に、高さに対して返されるピクセル値のパディングトップまたはマージントップを持たせることです。「height」を「padding-top」に変更してみましたが、うまくいきませんでした。

最終結果は、一連の 4 つの黒い div がエッジの周りの境界線として機能する Web ページです。ウィンドウの幅の 5% が計算され、上部と下部の黒い div のピクセル値が決定されます。そうすれば、それは正確に均等になります。ここで、内側のラッパー div を、Web ページのすぐ下から開始する必要があります。