显示使用CSS父元素上方子元素(Show child element above parent el

我有两个div，一个嵌套在另一个内部。 父元素具有限定宽度/高度。 我怎样才能显示父以上孩子的div只使用CSS（在它之外）？

编辑：对不起，也许我应该澄清，我的意思是“上面”沿Z轴。 是的，我已经尝试过的z-index。 我的问题是，当子元素是比母体大，它导致一个“帧”或“窗口”作用，切断在div的一部分。

Answer 1:

设置overflow: visible; 父DIV。

#parent {
    overflow: visible;
}

改变以反映提问者的更新。

Answer 2:

您可以使用位置界定要么相对或绝对定位在页面上。 IE：

直接显示在它上面，你会在此声明与孩子框的大小替换100像素。

.child{
    position: relative;
    top: -100px;
}

Answer 3:

做这种方式：

.child { 
position: absolute; 
margin: -100px;
}

使用的位置是：绝对会摆脱由孩子离开时，它被移空的空间。

编辑 - 读您的更新后：位置：绝对仍然适用于这种情况了。 它让孩子走出父母的。 然后，您使用的利润率来定位它，你怎么想。

这种方式可以使孩子比父母和其上更大。

.parent{
height: 50px;
width: 50px;
}
.child {
position: absolute;
height: 100px;
width: 100px;
margin: -75px 0 0 -75px;
}

Answer 4:

如果你确定你需要做到这一点，那么试试把

边距：-100px; 子元素或上。然而需要许多PX使其出现以上。

Answer 5:

什么茶茶说，类似的，你应该给家长的绝对相对的，而孩子的位置的位置，然后给孩子顶：-100px。

难道父已经溢出设置为隐藏？ 这可能会阻碍你的努力。

Answer 6:

您可以设置阴性切缘为你的父元素，通过填充偏移 - 例如，保证金左：-100px; 填充左100px的。 这会给你100像素到那里的孩子可以重叠，仍然是在顶部的左侧。

文章来源: Show child element above parent element using CSS