더북(TheBook)

예제 소스 Exercise/9장/2_float/style01.css

/* 부모(<body> 태그)를 기준으로 왼쪽 끝이나 오른쪽 끝에 배치합니다. */
#left {
    float: left;
    width: 200px;
    height: 400px;
    background-color: yellow;
}

#right {
   float: right;
    width: 200px;
    height: 400px;
    background-color: blue;
}

 

그림 9-6 float:left(노란색)와 float:right(파란색)를 적용한 결과

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.