레이아웃5 이번 레이아웃은 전체 영역이 들어간 구조입니다. 실제 사이트에서 이런 구조를 많이 사용하며, 컨테이너를 만들어서 가운데 영역을 설정합니다. float을 이용한 레이아웃 /* 1. 꺠지는 영역에 clear:both를 설정한다. 2. 부모 박스 영역에 overflow: hidden을 설정한다. 3. clearfix를 설정한다. (.clearfix::before) */ 1번 방법은 깨진 영역이 눈에 보여야 적용할 수 있습니다. 2번 방법은 육안상 잘 정리 되어있는 것처럼 보이지만 외부의 애니메이션 같은 효과가 제대로 표시되지 않을 수 있습니다. 3번 방법이 가장 좋은방법으로 clearfix클래스를 적용해서 가상요소 앞뒤로 설정 해주고 float를 적용한 요소의 부모박스에 claerfix 클래스를 적..
