如何重叠2 div而不移动第一个div的文本？

Question

我有一个带有一些文本的div和另一个带有文本div后面隐藏按钮的div，并在需要时向左移动（anitmation）。

问题是div内的文本向右移动，让按钮div不与文本重叠。

点击此处： http://clip2net.com/s/2JYBV

如何使主文本div的文本不按照按钮div的宽度/大小/位置进行交互？

Answer 1

.a {
    position:relative;
    width:400px;
    height:300px;
    margin:50px 200px;
    background:#000;
    padding:10px;
    color:#fff;
}
.b {
    position:absolute;
    top:10px;
    left:0px;
    width:180px;
    height:290px;
    background:green;
    display:none;
}
.a:hover .b {
    display:block;
    /* left:-150px; */
}

您可以使用div的相对和绝对定位来完成所需的任务。

http://jsfiddle.net/G9Q25/

Answer 2

尝试给你的按钮div一个z-index 的z-index：2;

Answer 3

尝试在定义中添加以下内容：

overflow:hidden;