制作下拉菜单（绝对位置）会增加父级高度

Question

我有一个常规菜单，使用position:absolute;有2个下拉级别。

我想要实现的是这些子菜单增加了父元素的高度。 如下图所示： 有人知道这样做的方法吗？如果可能的话只使用css？

提前致谢

Answer 1

$(function(){

    $("ul.menubar").mouseover(function(){

        $(this).mousemove(function(){

            var bigger=0;
            var offset=0;

            $(this).find(" li ul li:last-child:visible").each(function(i,elem) {
                offset = $(elem).offset().top + $(elem).height() - 120;
                if(offset>bigger)bigger=offset;
            });

            $('#div_menu').height(bigger);

        });

    }).mouseout(function() {

        $('#div_menu').css('height','auto');

    });

});

Answer 2

尝试使用jquery：

    $("#divIdNeeded").on("mouseover", function () {
        $("#parentDivId").css("height", "400px"); 
    });