通常情况下，一个页面会继承其上层的所有布局，这意味着 src/routes/a/b/c/+page.svelte 会继承四个布局：

• src/routes/+layout.svelte
• src/routes/a/+layout.svelte
• src/routes/a/b/+layout.svelte
• src/routes/a/b/c/+layout.svelte

有时，我们需要跳出当前的布局层次结构。我们可以通过添加 @ 符号，后跟要”重置”到的父级段名来实现这一点 — 例如，+page@b.svelte 会将 /a/b/c 放在 src/routes/a/b/+layout.svelte 内部，而 +page@a.svelte 则会将其放在 src/routes/a/+layout.svelte 内部。

让我们通过将其重命名为 +page@.svelte 来将其重置到根布局。

根布局适用于应用程序的每个页面，你无法跳出根布局。