将div叠加到左侧

Question

我正在使用Twitter-Bootstrap网格，并且必须在一个单元格内放置多个div标签。所有这些div标签应该覆盖到左侧。单元格的div标签数是可变的。

实施例：所有的div-标签具有的示例性内容[ABCD] - >的在页面的结果应该是：[AB [AB [AB [ABCD] （但不是通过操纵文本 - 它可能是一个图像太 - 的div必须放置在重叠）

<div class="row"> 
    <div class="col-md-4"> 
    <div class="myClass">[abcd]</div> 
    <div class="myClass">[abcd]</div> 
    <div class="myClass">[abcd]</div> 
    <div class="myClass">[abcd]</div> 
    </div> 
    <div class="col-md-8"></div> 
</div> 

我尝试了通过手动将位置：相对或位置：绝对样式左：20px的或left：-20px。但是他们覆盖了其他细胞。 在某些情况下，我必须做这个覆盖垂直，手工样式我有更多的“覆盖 - 列”比一个。

如何处理？

Answer 1

如果我正确理解您的问题，z-index CSS属性将有所帮助。

更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/z-index