float flex gird 태그

float

왼,오른쪽으로 지정해 div를 띄울 수 있다.

float는 flex 보다 고전적인 방식이므로 모든 브라우저에서 float 방식으로 화면 구성 가능

 

flex

float과 다르게 부모 - 자식 관계로 동작한다.

반응형 디자인

 

grid

flex 처럼 부모-자식 관계로 동작

 

flex와 grid의 차이

flex는 1차원 정렬 (가로, 세로 만 정렬이 가능)

grid는 2차원 레이아웃 만들기 가능, 컬럼과 로우 동시에 설정가능(가로한칸, 세로두칸)

 

우월한 것은 없다 만들고 싶은 페이지를 제일 잘 구현할수만 있으면 그걸로 OK