html - float 类中的所有图像

Question

具体说明:插入一个样式，使所有属于 irregularWrap 类的 img 元素在右边距 float ，但前提是右边距没有其他 float 元素。

我不太确定这个问题是什么意思？我得到了 float 属性，但只有当右边距没有其他 float 元素时，它是什么意思？

<img src="images/student1.jpg" alt="" class="irregularWrap">
<img src="images/student2.jpg" alt="" class="irregularWrap">  
<img src="images/student3.jpg" alt="" class="irregularWrap">
<img src="images/student4.jpg" alt="" class="irregularWrap">
<img src="images/student5.jpg" alt="" class="irregularWrap">

这些是图片，基本上，它的一张图片被水平切割成 5 个独立的部分，使文字看起来像是在左边缘周围勾勒出图片的轮廓。

我目前拥有的 CSS 是:

.irregularWrap { float: right; margin: 0px; }

我不确定是不是我想太多了，因为我的大脑正在为决赛做准备，或者这真的只是我们没有完全涵盖的事情。有什么我在这里搞砸的想法吗？

This is what all 5 images should look like when they come together as the one picture.

to clarify, this is what I'm getting with the 5 images, instead of them looking as they do in the previous image

Answer 1

在我需要添加的CSS中

clear: right;

正如我在之前的评论中所解释的那样，我忘记更改样式表链接以将文件夹包含在我的 html 表中，所以它让我的整个游戏都停止了。就像我说的，大脑可能被炸了。哈哈。

谢谢大家的帮助!