[CSS] CSS 레이아웃 구성 방법( Floats, Positioning, Display, Box Model, CSS Grid, Flex Box )

CSS 레이아웃 구성 방법 Floats, Positioning, Display, Box Model, CSS Grid, Flex Box Floats left : 요소를 왼쪽으로 띄웁니다. right : 요소를 오른쪽으로 띄웁니다. none : 플로팅을 전혀 지정하지 않습니다. (기본값) inherit : 플로팅 속성의 값을 요소의 부모 요소에서 상속하도록 지정합니다. Float 속성 설정 : 요소에 'float' 속성을 적용하고 원하는 방향을 지정합니다. Float 해제 : Float를 적용한 요소 다음에 다른 요소가 따라오는 경우, 그 요소의 레이아웃이 예상치 못하게 변경될 수 있습니다. 이를 방지하기 위해 'clearfix' 클래스를 추가하는 것입니다. 예시코드👇 더보기 위 코드에서는 '.box' 클래..