当我想要多个图像叠加时，Clearfix不起作用

Question

我想要3个图像在彼此之上（所以我可以用滑块在它们之间切换）。我使用相对/绝对技术。 奇怪的是，结果浮在div之外（见下图）。 当我尝试用clearfix修复它时，它只是取消叠加。

任何帮助？

这是我的css的一部分：

body {

img {
  width: 900px;
}

#parentsuperpose {
     position: relative;
}

img.superpose {
 position: absolute;
   top: 25px;
   left: 25px;
}

#img1 {
   z-index: 10;
}
#img2 {
 z-index: 11;
}
#img3 {
   z-index: 12;
}

以下是我的HTML

的一部分

            <div class="row">
              <div class="col-md-12" id="parentsuperpose">
                  <img src="images/mur01.jpg" class="superpose" id="img1" alt="mur01" style="visibility:visible;">              
                  <img src="images/mur02.jpg" class="superpose" id="img2" alt="mur02" style="visibility:hidden;">
                  <img src="images/mur03.jpg" class="superpose" id="img3" alt="mur03" style="visibility:hidden;">
              </div>
            </div>

结果如下：

enter image description here