CSS-플로트로 위치 지정하기

이제 CSS를 이용하여 레이아웃을 짜보자

 

float: right;

 

 

지금까지는 모든 구성요소가 순서대로 앞선 구성요소의 아래에 위치했지만 플로트를 이용하여 이를 바꿀 수 있다. 박스안의 css규칙을 .divA 규칙에 추가한다. 

 

 

---

 

 

 

 

 

 

 

위코딩에 대한 결과값

 

 

 

 

 

순서대로라면 빨간 박스가 왼쪽에 먼저 나타나야 하지만 플로트를 오른쪽으로 지정하니 위치가 오른쪽으로 변했다. 

---