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

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

当你hover一个#HoverMe 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 ------ | |--- ------ ------ 

我的代码：

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

我使用#HoverMe来显示#hidden ，其中包含我想要显示的内容列表。

  
 This owner own @Html.DisplayFor(model => model.TotCar) cars in total 
 
 //<------- hidden @foreach (var car in Model.Car) { 
@car.Name
 }  

Answer 1

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