Next.js 中的布局遮盖了页面内容

Question

我正在尝试使用 Material-ui (https://mui.com/material-ui/react-bottom-navigation/) 中的底部导航作为我的 Next.js 应用程序中的布局。

但是，导航遮盖了页面的底部。我尝试更改边距和填充，但没有用。

我使用的底部导航与 Material-ui 完全相同。

没有布局时看起来像这样。

通过布局，它掩盖了内容 -

非常感谢

Answer 1

在没有提供任何代码片段的情况下，很难说出如何使用它，但看起来 MaterialUI 导航旨在显示在页面内容的顶部。

您需要在布局中的导航上方添加一个与导航高度相同的空 div ，以便将其向下推该量。