如何使用JQuery将一个元素的高度添加到另一个元素的上边距

Question

我有一个使用html5的导航和标题。导航固定在页面顶部。它的高度没有在css中明确定义（它是通过字体大小，填充等创建的）。

我正在添加一个标题，用于导航下方。我需要找到一种方法来在标题的顶部添加一个边距，以便标题在100％以下（没有黯然失色，没有跑入）导航。将导航高度添加为边距可以做到这一点，但除此之外，我需要添加（添加）导航高度到已经在css中定义的边距 / strong>即可。我用这个代码无济于事。

*＃主= NAV

<script>
$(document).ready(function(){
$("header").css("margin-top", parseInt($(this)[0].css("margin-top") + $("#main")[0].outerHeight) + "px");
});
</script>

请帮助！

Answer 1

我明白了。我使用了ilya想法的迭代。我在所有不是导航的东西周围添加了一个容器，并添加了导航高度的顶部填充。我当然通过jQuery完成了这个：

$("#container").css("padding-top", $("#main").outerHeight() + "px" );

它非常有效。谢谢！