div与位置：绝对覆盖在祖父母

Question

我有一个嵌套的div块，最内层的div作为其直接父级的下拉列表。父级基本上是一个带有跨度的按钮，用于显示在子级下拉列表中选择的值。

我的问题是内部最下拉列表被另一个外部div隐藏。 这就是我现在所拥有的：jsFiddle

来自代码：

.dd {
    display:inline-block;
    position:relative;
    vertical-align:middle;
    background-color:blue;
    width:150px;
    height:150px;
}

“。dd”将相对位置值与其父div中的其他组件对齐。

在“.main”div（或祖先 - “.second”，“。third”）中正确显示整个“.inner-dd”div的最佳方法是什么？