使用 react 和 material-ui，我可以將一些紙張擴展到容器外的全寬嗎？

Question

如果我有：

   <Container maxWidth='lg'>
    <Grid container spacing={3}>
      <Grid item xs={12} md={6} >
        <Image src="/img/undraw_programming_2svr.png" color='transparent' aspectRatio={1041 / 554} />
      </Grid>
<SomeElement />
    </Container>

如何讓SomeElement擴展到全寬？

Answer 1

首先，已經提到的幾件事，您的網格標記是錯誤的，我知道這是一個錯誤，可能對您的問題並不重要。

您的問題的答案是否定的，容器的目的是阻止 SomeElement 擴展。 然而，一個簡單的解決方法是停止容器，渲染 SomeElement，然后啟動一個新容器。

<Container>
...
</Container>

<SomeElement />

<Container>
...