无法让图像相互重叠

Tho*_*Pen 2 html css image

你好,我是 html 和 css 的新手,并试图显示右侧浮动的图像。现在我想将图像放在一起,但不起作用。有人能帮我吗?

这是我用于图像的 css 代码:

.imagesLeft{
 float: left;
 margin: 5px;
}
.imagesRight{
 float: right;
 margin: 5px;
}
Run Code Online (Sandbox Code Playgroud)

这是我用于图像的 html 代码:

 <div class="imagesRight">
     <img src="../images/medewerkers.jpg">
 </div>
 <div class="imagesRight">
      <img src="../images/medewerkers1.jpg">
 </div>
 <div class="imagesRight">
     <img src="../images/medewerkers2.jpg">
 </div>
Run Code Online (Sandbox Code Playgroud)

提前致谢 !

Rob*_* V. 5

如果您希望它们彼此堆叠,您可以使用:

.imagesRight{
   float: right;
   margin: 5px;
   clear: right; 
}
Run Code Online (Sandbox Code Playgroud)