css div盒子包含图片，图片超出去了

如果图片超出了 `div` 盒子，可以尝试下面的方法解决：

1. 设置 `div` 的 `overflow` 属性为 `hidden`，这样超出部分会被隐藏起来。

   div {
     overflow: hidden;
   }

2. 使用 `object-fit` 属性，可以控制图片在容器中的填充方式。

   img {
     width: 100%;
     height: 100%;
     object-fit: contain; /* 或者 object-fit: cover; */
   }

3. 调整图片大小，使其适应 `div` 容器。

   img {
     max-width: 100%;
     height: auto;
   }

希望这些方法能帮助你解决问题。

相关问题

css一个盒子里可以装3个图片并排吗_css如何让多个div盒子并排同列显示？

是的，一个CSS盒子可以装3个图片并排显示。

可以使用CSS中的float属性来实现多个div盒子并排同列显示。具体实现方法如下：

HTML代码：

<div class="container">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

CSS代码：

.container {
  width: 100%;
  overflow: hidden;
}

.box {
  width: 33.33%;
  float: left;
  height: 200px;
  background-color: #ccc;
  box-sizing: border-box;
  padding: 10px;
}

以上代码中，.container是外层盒子，.box是内层盒子，通过设置.box的宽度为33.33%和float为left，可以让多个.box盒子并排同列显示。同时，为了防止内层盒子超出外层盒子，需要设置外层盒子的overflow为hidden。