CSS:makefloat:right和float:left同步？

第一：请看这把小提琴：

因此，这些图像：

使用

float:right

属性

这张图片：

使用

float:left属性

如果您在小提琴上看到第三个图像（带浮动：左图像）不在第二个图像（大图像）旁边

我的问题是：如何制作第三个图像位于第二个图像的右侧。我需要纯CSS解决方案

谢谢

更新：
我已经想出了另一种方法。通过将第二幅图像的float设置为left:D
css的float元素是相对于页面的，而不是实际的元素，我建议您做2个div，在这些div中，IMG定位，或者您可以简单地使用top或left元素。选择权归你。
你可以将大的浮动，将小的设置为阻止显示

html
要将它们作为一个单元移动，可以在父容器元素中设置它们
将图像向左浮动，并期望它向右渲染？那没道理，对我有用。如果有足够的空间，所有图像都会浮到顶部。也许这就是你想要的@斯文比德我想要的是照片“浮动”到左边，但因为有大图像，所以它浮动到大图像的右边，我认为你需要找到一种不同的方式来说明你在寻找什么。请注意，你的小提琴使用了错误的小猫图像…如果你真的理解提问者想要什么，请告诉我。“css的float元素是相对于页面的，而不是实际元素”嗯？他希望第三个图像位于其他图像的右侧，在他心目中他认为float:left计算其他对象。谢谢，虽然我不使用您的答案，但它激励我得到解决方案您不需要：not bit，因为它是float:left'ed，但我包含它只是因为，好吧，我不想将display:block应用于#left，而这正是不需要的@jmeas你的答案不是负数？而且我对你的答案投了赞成票
<img src="http://placekitten.com/200" id="left">
<img src="http://placekitten.com/100">
<img src="http://placekitten.com/100">

img:not(#left) {
  display: block;
}
#left {
  float: left;
}