Html 图像设置为适合'；祖父母'；但是藏在里面'；家长'；

我有一个有点复杂的问题

我希望图像设置为DIV的全尺寸，但要隐藏到另一个DIV内

我会尽力解释：

祖父母{ 宽度：100%； 高度：500px； 边框：2件纯黑； 位置：相对位置； } #母公司{ 宽度：50%； 身高：100%； 溢出：隐藏； 边框：1px纯红； } #孩子{ 宽度：100%； 高度：自动； 位置：绝对位置； }

---

类似的方法可能会奏效：

.grandParent {
  border: 1px solid;
  width: 500px;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}
img {
  width: 500px;
  height: 500px;
}
.parent {
  width: 250px;
  height: 250px;
  overflow: hidden;
}

编辑：也许我有个更好的主意

试试这个

祖父母{ 宽度：50vw； 高度：50vw； } #母公司{ 宽度：25vw； 高度：25vw； } #父：：之后{ 内容：''； 显示：块； 位置：相对位置； 顶部：0px； 左：0px； 宽度：100%； 身高：100%； 背景色：白色； } #孩子{ 位置：绝对位置； 宽度：50vw； 高度：50vw； }

如果图像被隐藏，有什么意义？您是否尝试将父级和图像宽度设置为100%？因此您希望图像的大小与

祖辈元素的大小相同，但不可查看，对吗？因为我想使用父对象的宽度，但图像将保持祖父母的大小/@JackStoller Yes您是否可以将
img
标记的宽度设置为与
祖父母
元素相同的宽度？如果我将
img
设置为
opacity:0
，我根本无法放置图像，我希望图像的大小与
祖父母的大小相同，但设置为隐藏在
父母的大小内，但仍然可见@很抱歉我完全错过了。所以在这个例子中，只有一半的img会显示对吗？是的，假设
祖父母
是
宽度：100px和父级
为
宽度：50px
@OmerGilboa尝试使用我在最新答案中使用的
vw
或
vh
。检查我对我的帖子所做的编辑^^^^我想你会更好地理解我试图做的事情..好像你在要求隐藏图像。您的解释不清楚您想要的是什么。好的，
img
需要与
祖父母
完全相同，但要隐藏在
父母
内，但
img
必须可见。现在让我们假设
祖父母
是
宽度：100px和父级
为
宽度：50px。。