飘浮div，内容增加时就跑到下面很远的地方了

[-一个大坑]

第一张图是刚打开；第二张图是显示隐藏的内容后，悬浮的div都要被挤到屏幕外了
我想要的效果是显示隐藏内容后，和图三一样，悬浮div挨着内容div，内容div变成滚动条显示。如果不是滚动条会把悬浮的div挤出屏幕外



附上我的控制显示和隐藏的代码

$(document).on("click", "#dropDown1", function () {
        if ($('#AwardView').css('display') == 'none') {
            $('#AwardView').show();
            $('#PunishView').show();
            $('#WelfareField').show();
            $('#WelfareView').show();
            $("#dropDown1Span").removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up");
            $("#signedDiv").css({
                position: 'fixed',
                top: $("#paymentView").parents('.layui-layer').top+$("#paymentView").parents('.layui-layer').outerHeight()
            });//给div重新限制高度也没用，两个alert数值一样
            alert($("#paymentView").parents('.layui-layer').outerHeight())
        } else {
            $('#AwardView').hide();
            $('#PunishView').hide();
            $('#WelfareField').hide();
            $('#WelfareView').hide();
            $("#dropDown1Span").removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
            $("#signedDiv").css({
                position: 'fixed',
                top: $("#paymentView").parents('.layui-layer').top+$("#paymentView").parents('.layui-layer').outerHeight()
            });
            alert($("#paymentView").parents('.layui-layer').outerHeight())
        }
    });

[___紫菜]

还是得看样式代码