css - 子 Div 的相对位置插入其他父按钮

Question

(我真的不知道怎么给这个标题。不管怎样!)

我有几个垂直堆叠的 HTML 按钮，我将其视为父级别。当您将鼠标悬停在按钮上时，按钮右侧会出现一个 div(或子级别)。为了强制 div 向右移动，我使用 position:relative;...

position:relative;
top:-25px;
left:200px;

但是悬停按钮下方的按钮会被按下，就像按钮下方存在的 div 一样。

如何在不按下按钮的情况下显示子 div，同时保持父按钮和子 div 的顶部对齐？

这里有一个 jsfiddle 作为例子:http://jsfiddle.net/8Mbyu/

Answer 1

您反对使用绝对定位还是可以？ jsFiddle在这里。

.hiddenButtons { /*blue div*/
    display:none;
    background:#0af;
    width:100px;
    padding:5px;
    text-align:center;
    position:absolute;
    top:9px;
    left:210px;
}