CSS盒子是网页布局中经常使用到的元素，它包括容器和内容两部分，其中图片在容器中显示时，有时会超出容器的范围，需要通过CSS样式进行调整。

.box {
  width: 200px;
  height: 200px;
  overflow: hidden; /* 超出隐藏 */
}

.box img {
  width: 100%;
  height: auto;
}

在上述代码中，我们定义了一个容器，并设置了它的宽度和高度为200px，overflow属性为hidden，即超出容器部分会被隐藏。

接着，我们还定义了容器中的图片，通过设置宽度为100%和高度为auto，使图片能够适应容器的大小，从而避免了图片超出容器的情况。

除了上述方法外，还可以通过其他CSS样式进行调整，如：

.box {
  width: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box img {
  max-width: 100%;
  max-height: 100%;
}

在上述代码中，我们使用了flex布局，通过justify-content和align-items属性将图片居中显示，并使用max-width和max-height属性限制图片的大小，从而避免图片超出容器的问题。

总之，CSS盒子中图片超出容器是常见的问题，但通过了解CSS样式和使用适当的调整方法，我们可以很好地解决这个问题，使网站能够更加美观和易于使用。