如何使父元素的大小与其子元素的大小相同，并且绝对位于其祖父母的位置？

要使父元素的大小与其子元素的大小相同，并且绝对位于其祖父母的位置，可以使用CSS的定位和盒模型属性来实现。

首先，确保父元素具有相对定位（position: relative），这将为子元素提供定位的参考点。

然后，子元素应该具有绝对定位（position: absolute），这样它们可以相对于父元素进行定位。

接下来，设置子元素的宽度和高度为100%（width: 100%; height: 100%;），这将使它们与父元素的大小相同。

最后，使用top、right、bottom和left属性来调整子元素的位置，以使其绝对位于祖父元素的位置。例如，如果要将子元素位于祖父元素的左上角，可以设置top: 0; left: 0;。

以下是一个示例代码：

HTML:

<div class="grandparent">
  <div class="parent">
    <div class="child"></div>
  </div>
</div>

CSS:

.grandparent {
  position: relative;
  width: 500px;
  height: 500px;
}

.parent {
  position: relative;
  width: 100%;
  height: 100%;
}

.child {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

在这个示例中，父元素（.parent）的大小与祖父元素（.grandparent）相同，并且子元素（.child）绝对位于祖父元素的位置。

请注意，这只是一种实现方式，具体的实现方法可能因具体情况而异。在实际开发中，还需要考虑其他因素，如浏览器兼容性和响应式设计等。