製作下拉菜單（絕對位置）增加父母高度

Question

我有一個常規菜單，其中2個下拉菜單使用position:absolute;。

我想實現的是這些子菜單增加了父元素的高度。 就像下面的圖片： 有人知道一種方法來做到這一點？如果可能的話只使用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"); 
    });