Css溢出隐藏赢得'；不工作，尽管相对于父母的位置

我想隐藏子对象的某些部分，这样父容器之外的所有内容都不可见（因此我的部分图片应该根据容器的高度进行裁剪）

我遵循了很多论坛的答案，告诉我把容器放在相对位置（我的容器必须是相对的，所以这不是问题）

.img容器{
保证金：自动；
溢出：隐藏；
宽度：250px；
位置：相对位置；
高度：250px；
边框：5px点灰色；
}
.img容器对象，.img容器img{
位置：绝对位置；
显示：内联块；
}
.img1{
顶部：0px；
左：0px；
宽度：60%；
}
.img2{
宽度：52%；
左：120px；
顶部：50px；
}

---

在css中使用此选项作为常规，并从图像样式中删除溢出

*, html, body {
   overflow-x: hidden;
}

---

在您提供的JSFIDLE中，代码用于在容器高度内隐藏子元素。请为您的问题添加HTML标记，以便可以复制。我不明白你的意思，因为我的代码没有按预期工作。父容器之外的所有内容都不应可见。没有

，您可以吗？据我记忆所及，对象上没有溢出，但我找不到正式规范。@Creaforge在规范中搜索了一段时间，但似乎找不到。你还记得你在规范之外的什么地方看到的吗，我想读一下？@Creaforge我从这个例子中尝试过，对象标记溢出容器被隐藏了，不明白它应该如何帮助我添加了

overflow-x:hidden；溢出y：隐藏
溢出：隐藏
不做任何事情^^您还需要向div内的对象添加一个类。
code
如果它解决了您的问题，请选择此作为答案：-）
img-container {
  margin : auto;
  overflow-x: hidden;
  overflow-y: hidden;
  width:250px;
  position: relative;
  height: 250px;
  border : 5px dotted gray;
}

.img-container object, .img-container img{
  position : absolute;
  display: inline-block;
}

.img1{
  top : 0px;
  left : 0px;
  width:60%;
}

.img2{
  width: 52%;
  left :120px;
  top:50px;
}