일반적으로 화면을 구성할 때는 를 이용한다. block 타입 요소인 는 기본적으로 한 줄을 차지하며 세로 방향으로 쌓인다. box1 box2 box3 필요에 따라 요소를 가로 방향으로 배치하기 위해서는 float 속성을 사용한다. float을 사용하면 해당 요소를 붕~ 띄우게 되고 float 되지 않은 요소 위로 배치된다. 다음은 box1의 float 속성을 left로 처리한 결과이다. float된 요소인 box1이 떠오르면서 box2 위로 표시된다. box2를 다시 오른쪽으로 float 시키면 box3만 밑으로 들어가게 된다. #box1 { float: left; background: skyblue; width: 20%; } #box2 { float: right; background: lime; wid..