html - 相同的 div 不堆叠而是重叠

Question

我有一个要保存一些内容的 div，我将在下面多次复制该 div。

当我多次重复 div 时，我看到内容相互重叠而不是堆叠。

检查时，我可以看到容器的高度没有设置。高度不会根据div中的内容设置吗？我当时有那种印象，但不确定我现在身在何处。

这是我的 fiddle 。 http://jsfiddle.net/5jq52/2/

<div class="row">
<div class="col-md-5">
<div class="Mycontainer">
    <div class="Item1">
        <img src="http://placehold.it/150x150" class="Pic">
    </div>
    <div class="Item2">
        <img src="http://placehold.it/150x150" class="Pic">
    </div>
</div>
<div class="Mycontainer">
    <div class="Item1">
        <img src="http://placehold.it/150x150" class="Pic">
    </div>
    <div class="Item2">
        <img src="http://placehold.it/150x150" class="Pic">
    </div>
</div>
</div>
</div>

非常感谢阅读和解决。 ;)

Answer 1

您实际上遇到了几个不同的问题。您的 div 彼此重叠而不堆叠的原因是因为您在应该使用 position: relative; 时指定了 position: absolute;。