CSS 그리드를 사용하여 내 div에 그리드 시스템을 어떻게 구현할 수 있나요?

Question

2개의 열이 있는 div를 만들고 싶습니다. 상위 div에 항목을 추가할 때는 첫 번째 열에 있어야 하고, 첫 번째 열에 3개의 요소가 있고 다른 항목을 추가하려면 두 번째 열에 있어야 합니다. 제가 찾고 있는 이미지는 다음과 같습니다.

인터넷에서 응답을 찾지 못했습니다. CSS 그리드 생성기를 사용해 보았으나 결과가 없었습니다..

CSS Grid Generator를 사용했는데 정답을 알 수 없습니다

Answer 1

알겠습니다...메시 흐름에 문제가 있는 것 같습니다. 변경하려면 grid-auto-flow:column; 就是这样，网格的流程将从行更改为列。您可以根据需要更改grid-template-rows를 사용하세요.

Answer 2

HTML에서 해야 할 일은 다음과 같습니다:

으아악

및 CSS:

으아악

데모