React组件:如何确保组件低于其他组件

Question

目前，我的子类组件如下所示：

我组件的代码：

const container = styled.div`
  display: flex;
  position: sticky;
  bottom: 40px;
  left: 40px;
  width: max-content;
`

我想将组件添加到底部，如下所示：

​

我怎样做呢？

Answer 1

最好的方法是在CSS中使用display: grid，然后根据需要设置grid-template-columns和grid-column。