客观的:
要在页面上并排创建两个 div。它们一起应该覆盖页面的 100%。使用最新版本的react + material-ui。
左边的 div 应该有一个固定的宽度(比如 200px)。
右侧的 div 应覆盖页面的其余部分。
在 CSS 中,可以使用 calc(100% - 200px) 来动态计算右侧 div 的宽度。
面临的问题:
我不能在 material-ui 中使用它。我尝试了内联样式 ( style={{width='calc(100%-200)'}}),它可以编译但不起作用。我也尝试过makeStyles(),但无济于事。
我非常感谢社区在这件事上的帮助。
material-ui ×1