Question

用onmouseover显示一个div,onmouseout消失，显示的这个div会对其下面的元素造成挤压变形，如何解决

如题，我做的一个类似导航条下拉列表的效果，当下拉列表显示的时候，下面的元素会被挤到别的地方，下拉列表消失后下面的元素就回到原来的位置了，如何让列表显示的时候，不挤压下面的元素。

Answer 1

将下拉菜单设置为相对上层元素的绝对位置
比如菜单为 <ul id="menu"><li></li></ul> 设置 li 的 position 为 relative，再设置下拉菜单的 position 为 absolute，这样下拉菜单和其它任何元素都不会有冲突了。

Answer 2

绝对定位下拉列表，脱离文档流就行了

Answer 3

需要css调节图层。

position:absolute;//绝对定位
z-index:1000;//图像层级，越大越在最上面。