우리는 양쪽 구름을 브라우저 양끝에 같은 선상에 위치하도록 배치해야 하며, 브라우저 창의 너비를 줄여도 레이아웃이 틀어지지 않도록 만들어야 합니다. 여기에 더해 왼쪽 구름과 오른쪽 구름에 z-index 속성을 사용할 수 있는 방법까지 찾아야 합니다.

여러 방법이 있지만 가장 쉬운 방법은 양쪽 구름에 absolute 속성값을 적용하고 왼쪽 구름에는 left: 0;, 오른쪽 구름에는 right: 0;을 적용하는 것입니다. 현재 cloudWrap 서랍장 안은 relative 속성값을 적용한 상태이므로 양쪽 구름의 left와 right 속성의 좌표 기준점이 부모를 기준으로 설정됩니다. 또한 왼쪽 구름의 z-index 속성의 속성값을 오른쪽 구름보다 높은 숫자로 적용하면 왼쪽 구름이 오른쪽 구름 위쪽으로 정렬됩니다.