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

bqucvtff  于 2023-03-29  发布在  其他
关注(0)|答案(1)|浏览(131)

我尝试使用material-ui(https://mui.com/material-ui/react-bottom-navigation/)的底部导航作为我的Next.js应用程序的布局。
然而,导航覆盖了页面的底部。我试图改变边距和填充,但没有用。
我使用底部导航,就像Material-ui一样。
它看起来像这样没有布局。

而在布局上,它掩盖了内容

多谢

dddzy1tm

dddzy1tm1#

如果没有任何提供的代码片段,很难判断你是如何使用它的,但看起来materialui导航被设计为显示在页面内容的顶部。
您需要在布局中的导航上方添加一个与导航相同高度的空div,以便将其向下推。

相关问题