我正在尝试使用 Material-ui (https://mui.com/material-ui/react-bottom-navigation/) 中的底部导航作为我的 Next.js 应用程序中的布局。
但是，导航遮盖了页面的底部。我尝试更改边距和填充，但没有用。
我使用的底部导航与 Material-ui 完全相同。
没有布局时看起来像这样。
通过布局，它掩盖了内容 -
非常感谢
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1
636
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
在没有提供任何代码片段的情况下，很难说出如何使用它，但看起来 MaterialUI 导航旨在显示在页面内容的顶部。
您需要在布局中的导航上方添加一个与导航高度相同的空
div，以便将其向下推该量。