그림 12-7 왼쪽 구름과 오른쪽 구름이 브라우저 왼쪽 끝에 몰림

 

결과를 보면 왼쪽 구름과 오른쪽 구름이 모두 브라우저 왼쪽 끝에 몰려 있습니다. 왼쪽 구름은 브라우저 왼쪽 끝, 오른쪽 구름은 브라우저 오른쪽 끝에 위치해야 합니다. float 속성을 사용하면 쉽게 해결할 수 있을 것 같지만 float 속성은 부모의 공간 크기에 따라 레이아웃 배치가 달라지므로 여기서는 적용하기가 어렵습니다.