为什么transform: translateY(-10rem)不移动父元素中的子图像元素？

transform: translateY(-10rem)不会移动父元素中的子图像元素，是因为transform属性只会影响应用该属性的元素本身，而不会影响其子元素。

transform属性用于对元素进行变换，包括移动、缩放、旋转等操作。translateY(-10rem)是其中的一种移动操作，表示元素在垂直方向上向上移动10个rem单位的距离。

然而，该变换只会应用于应用了transform属性的元素本身，而不会影响其子元素。子图像元素在父元素中的位置不会受到父元素的transform属性的影响，它们会保持在原来的位置不变。

如果想要同时移动父元素和子图像元素，可以将transform属性应用于父元素，或者使用position属性配合top、left等属性进行定位。具体实现方式取决于具体的布局需求。

关于transform属性的更多信息和使用示例，您可以参考腾讯云的前端开发文档中的相关内容：https://cloud.tencent.com/developer/doc/1207