선생님 float left말고 display inlineblock 으로

실무에서는 가로배치하는 방법이 퍼블리셔 마다 굉장히 다릅니다.

float를 선호하는 사람도 있고...

저 같이 꼭 float로 정교하게 가로 배치를 해야하느 경우가 아니면 inline-block으로 하는 경우도 있습니다.

물론 flex로 가로 배치하는 경우도 자주 있습니다. flex의 경우  IE11에서 어지간한 속성은 지원합니다.

grid의 경우 IE11에서 지원이 안되기 때문에 태블릿 또는 모바일 작업에서 사용하시면 좋습니다.

관건은  IE11을 고려할거냐 안할거냐에 따라 레이아웃 배치 방식이 결정됩니다.

 IE11를 고려하지 않는다면 flex를 모두 사용하거나 grid를 모두 사용하시면 됩니다.

하지만  IE11을 고려해야 한다면 PC는 float, postion, inline-block으로 배치하거나 flex로 배치합니다.

그리고 태블릿과 모바일에서 flex 또는 grid로 배치하시면 됩니다.

지금 학습하시는 입장이시니까 기존 방식 곧, float, postion, inline-block으로 배치하는 것에 초점을 맞춰서 학습하시는게 좋습니다.