Html 将相对div放置在固定元件下方

我在页面顶部有一个固定的div。那个高度是动态的。我现在需要定位/浮动一个相对div在该div之下。。我该怎么做

---

固定（.intro）

---

相对（.test）

---

html基本上是彼此下面的两个div。介绍具有固定位置，测试具有相对位置

    $(function(){
    var shrinkHeader = 300;
    $(window).scroll(function() {
        var scroll = getCurrentScroll();
        if(scroll >= shrinkHeader ) {
            $('.intro').addClass('shrink');
        }
        else {
            $('.intro').removeClass('shrink');
        }
    });
    function getCurrentScroll() {
        return window.pageYOffset || document.documentElement.scrollTop;
    }
});
$('.test').css('margin-top',$('.intro').height());

---

请发布您的代码（html和css）的尝试，这样我们可以帮助您，如果您不知道固定元素的高度，将无法仅使用css。您必须测量固定元素的高度，并为相对元素提供一个具有该高度的边距顶部。也不能浮动固定元素。请发布一些代码以了解您的问题。也许您不需要使用

位置：fixed

。您首先尝试了什么？是否有任何代码可供人们开始使用？根据给定的代码，将测量固定元件的高度，并将其作为余量顶部正确给出。有什么问题吗？是否希望相对元素始终可见？请描述一下你想要实现的目标我为你的问题制造了一堆麻烦：