请使用两种不同的布局方式实现一个三层嵌套的 div 在页面中水平垂直居中，并说明各自原理。

回答思路

1. 能写出至少两种可行方案，如 flex 与 grid 或绝对定位
2. 说明每层 div 的作用与居中传递
3. 解释每种方案的关键属性及工作原理
4. 提及兼容性或适用场景差异