다음과 같이 양쪽 구름에 각각 float: left와 float: right를 적용하고 브라우저 창의 너비를 줄인 다음 결과를 살펴봅시다.
예제 소스 Exercise/12장/KidsGao/css/style.css
#intro .cloudWrap .leftCloud { width: 934px; height: 816px; background-image: url(../img/intro/cloud1.png); float: left; } #intro .cloudWrap .rightCloud { width: 843px; height: 858px; background-image: url(../img/intro/cloud2.png); float: right; }