我想在右侧创建一个浮动框并在其中放一张图片。 我想在它的左边，当它足够长时，也在图片下方。除此之外，我还想在左侧放置另一个带有图片的浮动框，这有点缺点。并让段落中的文本也绕过它。 所以首先我设法做到了，现在我创建了第一部分，上面有一个浮动框和周围的文字。但是我现在如何将下面的另一张图片放在左侧的浮动框中并在 CSS 中单独处理它？
.HTML：
<body>
<div class="picture">
<h1>this is the first heading</h1>
<p><img src="Images/car.jpg" alt="car">sample
<img src="Images/car2.jpg" alt="car2">
</p>
</div>
</body>
.CSS：
div.picture img {
float: right;
width: 300px;
height: 200px;
}
我认为您的问题是<p>标签是一个块级元素，因此您的浮动<div>位于其下方。例如，如果您将段落样式设置为inline-block，您应该得到所需的内容。
但是你应该能够把你的img直接放在你的段落中，并将其浮动到右边，然后段落应该根据需要在图像周围流动。