我想在右侧创建一个 float 框并在其中放置图片。 我想将段落放在它的左侧，并且 - 当它足够长时 - 在图片下方。除此之外，我想在左侧放置另一个带有图片的 float 框，这有点不利。并让段落内的文字也绕过它。 因此，首先我设法做到了，现在我创建了第一部分，其中在 rigt 上有一个 float 框和周围的文本。但是现在怎么把下面的另一张图片放在左边的 float 框中，然后在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>标记是 block 级元素，因此您的 float <div>坐在它下面。如果您将段落样式设置为 inline-block ，例如，您应该得到您正在寻找的东西。
但是你应该可以把你的img直接在您的段落中，并将其 float 到右侧，然后该段落应根据需要围绕图像流动。
关于html - 我应该如何设置多个 float 框，里面有图片，周围有文字？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52636579/