[HTML & CSS] 레이아웃 만들기

레이아웃 만들기 
1. float를 이용하기
2. inline-block을 이용하기

float : left 

요소를 붕 띄워서 왼쪽 정렬 

 

clear : both

float 다음에 오는 요소에게 주면

float로 발생하는 이상한 현상 해결가능 

 

display : block (한 행을 전부 차지)

display : inline-block (내 크기만큼 차지)

 

레이아웃

임의로 레이아웃 만들어보았습니다. 

앞으로 있을 파이널 프로젝트의 페이지도

레이아웃을 적용 해서 한 번 연습해보도록 하겠습니다.

 

 

+ 레이아웃 결과 코드 추가 예정