css - 网格列表向左浮动

Question

你能帮我理解为什么白衬衫的图像在下一行而不是在蓝色的下面吗？

我正在为 reactjs 使用材料 ui：

<Grid item xs={12} md={6}>
    <GridList cellHeight={100} cols={4} rows={2}>
        <GridListTile rows={2} cols={2}>
            <img src="https://..." />
        </GridListTile>
        <GridListTile>
            <img src="https://..." />
        </GridListTile>
        <GridListTile>
            <img src="https://..." />
        </GridListTile>
        <GridListTile>
            <img src="https://..." />
        </GridListTile>
        <GridListTile>
            <img src="https://..." />
        </GridListTile>
    </GridList>
</Grid>

我究竟做错了什么？

编辑：为清楚起见，这是搜索结果：

这是代码片段：

https://codesandbox.io/embed/material-ui-drawer-demo-3txbo

标签： cssreactjsmaterial-ui