Css Div发生在另一个Div之上?

Css Div发生在另一个Div之上?,css,html,Css,Html,你可以看看这里: 这一切都很好,但正如您所看到的,将向下滑动的div开始在另一个div的上方滑动 这看起来像一个CSS问题,我们如何解决它 谢谢 您需要下拉div具有以下css: #will_slideDown { position:absolute; top:100%; left:0px; } 并且#具有_hover_功能需要位置:相对将内部元件绝对定位在外部元件的底部边界: #has_hover_function, #will_slideDown { pos

你可以看看这里:

这一切都很好,但正如您所看到的,将向下滑动的div开始在另一个div的上方滑动

这看起来像一个CSS问题,我们如何解决它

谢谢

您需要下拉div具有以下css:

#will_slideDown
{
    position:absolute;
    top:100%;
    left:0px;
}

并且
#具有_hover_功能
需要
位置:相对

将内部元件绝对定位在外部元件的底部边界:

#has_hover_function, #will_slideDown
{
   position:relative;
   width:150px;  
   height:25px;
   font-family:Arial;
   text-align:center;
   padding-top:3px;
   border:1px solid gray;
   background-color:#e7e7e7;
}

#will_slideDown {
   position:absolute;
   top:29px; /* 1px + 3px + 25px; */
   left:0;
}

要向下滑动的div包含在不希望重叠的div中?有什么特别的原因吗?@KyleRogers实际上就是这样做的。它将其合并并使滑块的位置相对于其触发器。或#will#u slideDown{位置:绝对;底部:0;左:0;}@OlaTuvesson hm。。。好主意,但这会使它向上滑动,而不是向下滑动。哦,是吗?没有使用过jQuery的slideToggle()-不明白为什么top:100%应该让它的行为有所不同?另一个很好的答案。。非常感谢你。。但我想请你学习;top:29px和top:%100之间有什么变化?