请描述如何将一个红色正方形水平垂直居中地放置在绿色正方形内部正中间。

回答思路

1. 明确使用 Flexbox 的 justify-content 和 align-items 实现水平垂直居中
2. 能够解释子元素和父元素的相对定位关系
3. 能够提到其他实现方式（如 Grid、绝对定位加 transform）
4. 能够注意居中不依赖父容器尺寸或子元素尺寸