JQuery/CSS：div叠加并且不影响其他div的位置

如何使div覆盖其他div（例如.. dropdownlist）而不影响其他div位置？

I've a #hidden将鼠标悬停在 a 上时出现的 div#HoverMe div，将其取消悬停，它会再次隐藏。 但是当悬停时，该 div 会移动其他 div。

1. 如何让hidden-div覆盖其他div？

2. 如何使隐藏的 div 不影响其他 div 位置？

怎么样：

    ------    ------   ------
   |  1  |  |   2   | |  3   |  //#HoverMe div is not hovered
    ------   -------   ------
             ______
    ------  |      |  -------   ------
    |  1  | |Affect| |   2   | |  3   |  ////#HoverMe div is hovered, affects others div positions
    ------  |      |  -------   ------
             ------

我想要的是

             ______
    ------  |  No  |----   ------
    |  1  | |Affect| 2  | |  3   |  //Just overlay, without affecting others divs positions
    ------  |      |---   ------
             ------

My code:

<script>
$(document).ready(function(){
    $("#HoverMe").hover(function(){
        $("#hidden").css('display', 'block');
    }, function() {
        $("#hidden").css('display', 'none');
        }
    );

});
</script>

我用我的#HoverMe-div 显示#hidden-div 有我想要显示的内容列表。

 <div id="HoverMe" >
     This owner own @Html.DisplayFor(model => model.TotCar) cars in total
 </div>              

 <div id="hidden" style="background-color: black"> //<------- hidden
     @foreach (var car in Model.Car) { 
         <div>@car.Name</div> 
      }
</div>

Add position:absolute to #hiddendiv 应该可以工作。