JQuery/CSS：Div-overlay，不影响其他 div 的位置

Question

如何让div覆盖其他div（比如..dropdownlist）而不影响其他div的位置？

我有一个#hidden 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
    ------  |      |---   ------
             ------

我的代码：

<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>

Answer 1

将position:absolute 添加到#hidden div，它应该可以工作。