html - 如何使用css修复左侧网格中存在的顶部栏而不将其重叠到下一个右侧网格元素？
问题描述
我正在使用 material-ui 并做出反应，我需要修复顶部栏（而不是页面顶部），这是 Grid 元素（父级）的顶部栏。
我试图用这个来修复顶
navigation: {
position: 'fixed',
maxWidth: '47vw',
}
栏（子）： 网格（父）是：
root: {
maxWidth: '100vw',
}
但是如果网格（父）的宽度发生变化，顶栏将重叠在其父旁边的另一个网格元素上。我们如何解决这种重叠？或者有没有继承父属性的css属性flex的解决方案？
解决方案
Material-UIdisplay: flex作为默认值在 flex 系统中使用是为了避免您必须使用flex-grow: 1
的此类事情，例如，如果您需要该元素占用一些您必须使用的块，flex-basis并随着您必须设置的每个元素的页面分辨率的变化而增长这flex-grow: 1意味着特定项目的增长与其他项目的增长相同，为 flex-basis 阅读：
Flex-basis on w3schools
对于 flex-grow，请阅读： Flex-grow on w3schools