父DIV背后的孩子IMAGE。怎么样？

Question

我在div内有一张图片。我需要将该子图像放在父div后面。

<div class="parent">
  <img src="https://gsa-cmp-fileupload.s3.amazonaws.com/USA_Government_Branches_Infographic.png" class="child" />
</div>

该图像应位于红色边框后面。怎么做？

.parent {
  width: 200px;
  height: 200px;
  border: 1px solid red;
  border-radius: 50%;
  }

.parent img.child {
  width: 200px;
  height: 200px;
  }

<div class="parent">
    <img src="https://gsa-cmp-fileupload.s3.amazonaws.com/USA_Government_Branches_Infographic.png" class="child" />
    </div>

我很长时间都在寻找它，但仍然无法理解如何去做。请提供一些帮助。

Answer 1

我们这样做：

.parent {
  width: 200px;
  height: 200px;
  border: 1px solid red;
  border-radius: 50%;
   overflow:hidden;
  }