html - 如何在不移动第一个 div 的文本的情况下重叠 2 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/