Css 材质UI：防止手风琴摘要垂直移动

创建此手风琴并将其用作菜单项

但是，当我单击主标题时，手风琴摘要会垂直向下移动

打开时如何保持主瓷砖固定

从“React”导入React；
进口{
排版，
网格，
手风琴，
手风琴小结，
手风琴细节，
列表项
}来自“@材料界面/核心”；
从“@material ui/core/styles”导入{createStyles，makeStyles，Theme}”；
从“@material ui/icons/ExpandMore”导入ExpandMoreIcon；
const useStyles=makeStyles（（主题：主题）=>
创建样式({
专题小组摘要：{
flexDirection:“行反转”，
填充左：“0px”
},
标题：{
fontSize：主题。排版。pxToRem（15），
fontWeight:theme.typography.fontWeightRegular
},
内部菜单项：{
填充左：“32px”
},
扩大：{
填充：“0px”
}
})
);
导出默认函数App（）{
const classes=useStyles（）；
返回(
主标题
分项目1
分项目2
);
}

展开时，摘要内容边距垂直设置为

20px

，如果不想在展开过程中看到摘要大小的变化，则需要重置：

panelSummary: {
  flexDirection: "row-reverse",
  paddingLeft: "0px",
  "&.Mui-expanded": {
    minHeight: 0
  },
  "& .MuiAccordionSummary-content.Mui-expanded": {
    margin: "auto"
  }
},

现场演示

---

谢谢，但在转换过程中仍有一些垂直变化。我错过什么了吗？尝试了边距：“0”，但还是一样。@killjoy抱歉，我搞砸了。您还需要重置

和.Mui expanded的
最小高度
。请参阅我的最新答案。
panelSummary: {
  flexDirection: "row-reverse",
  paddingLeft: "0px",
  "&.Mui-expanded": {
    minHeight: 0
  },
  "& .MuiAccordionSummary-content.Mui-expanded": {
    margin: "auto"
  }
},