Div发生在另一个div之上？

Question

你可以看看这里： http://jsfiddle.net/vsjwww/n7kk3/17/

一切正常，但如你所见，将向下滑动的div开始滑动到另一个div之上。

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

谢谢..

Answer 1

Demo

您需要dropdown div才能拥有以下css：

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

和#has_hover_function需要position:relative;

Answer 2

绝对将内部元素放置在外部元素的底部边框处：

#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;
}