htmldiv盒子里面的图片部分浮动

在HTML和CSS中，如果你想让`<div>`盒子里面的图片部分浮动，你可以使用CSS的`float`属性。通常，有两种常见的方式：

1. **左浮动** (`float:left;`)：将图片向左对齐，空出右侧空间，其他内容会围绕其排列。如果想要清除浮动的影响，可以在包含元素上添加`clear:both;`。

<div class="container">
   <img src="image.jpg" alt="描述" style="float:left;">
   <!-- 其他内容 -->
</div>

.container {
   overflow: auto; /* 如果需要防止滚动条丢失 */
}
.clearfix::after {
   content: "";
   display: table;
   clear: both;
}

2. **右浮动** (`float:right;`)：与左浮动相反，图片向右浮动，空出左侧空间。

如果你只想在一侧浮动，并且希望内容保持在同一行，记得给包含元素设置宽度，使其能够适应浮动后的布局。

.container {
   width: auto; /* 或者自定宽度 */
   overflow-x: auto;
}