Next.js 中的布局遮盖了页面内容
我正在尝试使用 Material-ui (https://mui.com/material-ui/react-bottom-navigation/) 中的底部导航作为我的 Next.js 应用程序中的布局。
但是，导航遮盖了页面的底部。我尝试更改边距和填充，但没有用。
我使用的底部导航与 Material-ui 完全相同。
没有布局时看起来像这样。
通过布局，它掩盖了内容 -
非常感谢
我正在尝试使用 Material-ui (https://mui.com/material-ui/react-bottom-navigation/) 中的底部导航作为我的 Next.js 应用程序中的布局。
但是，导航遮盖了页面的底部。我尝试更改边距和填充，但没有用。
我使用的底部导航与 Material-ui 完全相同。
没有布局时看起来像这样。
通过布局，它掩盖了内容 -
非常感谢
P粉8755656832024-04-03 14:35:23
在没有提供任何代码片段的情况下，很难说出如何使用它，但看起来 MaterialUI 导航旨在显示在页面内容的顶部。
您需要在布局中的导航上方添加一个与导航高度相同的空 div ，以便将其向下推该量。