Next.js 中的版面配置遮蓋了頁面內容

Question

我正在嘗試使用 Material-ui (https://mui.com/material-ui/react-bottom-navigation/) 中的底部導覽作為我的 Next.js 應用程式中的佈局。

但是，導航遮蓋了頁面的底部。我嘗試更改邊距和填充，但沒有用。

我使用的底部導覽與 Material-ui 完全相同。

沒有佈局時看起來像這樣。

透過佈局，它掩蓋了內容 -

非常感謝

Answer 1

在沒有提供任何程式碼片段的情況下，很難說如何使用它，但看起來 MaterialUI 導覽旨在顯示在頁面內容的頂部。

您需要在佈局中的導航上方新增一個與導航高度相同的空 div ，以便將其向下推該量。