Javascript 当上面的某些层显示为悬停状态并具有位置偏移时，如何阻止层向下移动

我只想在橙色层和

.Container

div与图像一起，当图层显示在鼠标悬停 橙色层不应上下颠簸50px

这是小提琴

---

尝试使用第一级的绝对位置

CSS:

---

谢谢，你知道为什么还有一个小的差距，尽管当他们的紫色层显示（不是一个完美的50像素）嗯，事实上，没有线索。不要问我为什么，但是

top:40px用于
。ContentBody
解决该问题。也许某个地方有一个10px的填充或边距？使用
可见性：可见/隐藏
而不是
显示：块/无
来显示和隐藏级别。
.FirstLevel
{
width: 150px;  
height: 50px;
background-color: green;
position:absolute;    
bottom: 0px;
display: none;    
}