更新

Question

所以，这些图片：

使用float:right属性

和这张图片：

使用float:left;属性

如果你看到小提琴，第三张图片（浮动：左边的）不在第二张图片旁边（大图片）

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

由于

我已经想出了另一种方法。它是通过将第二个图像的浮动设置为左：D

Answer 1

你可以浮动大的那个并将小孩设置为阻止显示。 View on JSFiddle

HTML

<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;
}

要将它们作为一个单元移动，您可以将它们设置在父容器元素like this.

中

Answer 2

css的float元素是相对于页面而不是实际元素，我建议你制作2个div，并在这些div中将imgs定位到位置，或者你可以简单地使用top或left元素。选择是你的。