根据标题的动态高度更改内容的上边距

Question

我已经使用this post函数从resize中获得了一个可行的解决方案，但我仍然想弄清楚为什么我提出的最初的解决方案不起作用。从帖子标题中可以看到，我想根据标题的高度动态更改内容的顶部边距，标题的高度根据窗口宽度动态更改。这是我尝试过的方法，我认为这是一个简单的解决方案，但不起作用：

<script>
    var headHeight = document.getElementById('mainHeader').clientHeight;
    document.getElementById("contentWrapper").style.marginTop = headHeight;
</script>

Answer 1

jQuery上的情况如何>>

<script>
    var hh = document.getElementById('mainHeader');
    var headHeight = getStyle(hh, 'height');
        headHeight = headHeight+"px";
    $('#contentWrapper').css('margin-top',headHeight);
</script>
在JavaScript上

 <script>
    var hh = document.getElementById('mainHeader');
    var headHeight = getStyle(hh, 'height');
        headHeight = headHeight+"px";
    document.getElementById("contentWrapper").style.marginTop = headHeight;
</script>