我用 Material-UI 的 AppBar 设置了 position=”fixed&#8221 […]

AppBar固定在顶部后内容被遮挡怎么办？

UP主～恒宇提问于 2026-03-17 20:49:21 阅读 3

组件

我用 Material-UI 的 AppBar 设置了 position=”fixed”，结果下面的页面内容被挡住了，试过加 padding 但不太稳定，有没有标准做法？

比如我在 AppBar 下面放了个 <div>，即使给它加 paddingTop: 64，在不同设备上还是会被盖住。

import { AppBar, Toolbar, Typography } from '@mui/material';

function Header() {
  return (
    <AppBar position="fixed">
      <Toolbar>
        <Typography variant="h6">My App</Typography>
      </Toolbar>
    </AppBar>
  );
}

我来解答赞 1 收藏

反馈

暂无解答