스타일 오버레이를 통해 위치를 동일하게 유지하면서 한 섹션을 다른 섹션 위에 배치하는 방법

Question

다음 HTML 코드를 고려해보세요

으아아아

HTML에서 위치를 변경하는 대신 클래스 이름을 변경하여 브라우저 보기 위에 세 번째 콘텐츠를 표시하는 것이 필요합니다. 동시에 변경 사항은 계속해서 반응해야 합니다.

내 HTML 코드는 다음과 같습니다

으아아아

Answer 1

그리드 시스템을 이용해 주문하겠습니다. 그런 다음 js를 사용하여 세 번째 div가 첫 번째 div가 되도록 시퀀스 번호를 변경합니다. 이것이 당신에게 해결책이 될 수 있다고 생각하십니까?

여기에서 자세한 정보를 찾을 수 있습니다: https://developer.mozilla.org/en-US/docs/Web/CSS/order

으아악

그런 다음 JS를 사용하여 시퀀스 번호를 변경할 수 있습니다

Answer 2

으아악 으아악