| Float 속성 특성 Float 속성은 Flex 속성과 함께 기본적으로 CSS 기초에서 레이아웃을 구현할 때 필수로 알아야 하는 속성입니다. 1) Float 속성 적용 Float이 적용된 요소가 float: left 을 설정하면 왼쪽 방향으로, float: right를 설정하면 오른쪽 방향으로 이동이 가능합니다. 2) Float 요소의 너비 Float이 적용된 요소의 너비가 해당 요소의 콘텐츠 영역 크기만큼만 차지하도록 변경됩니다. float 속성값으로 변경된 요소는 블록 요소처럼 모든 너비를 차지하는 것이 아닌, 인라인 요소처럼 콘텐츠의 너비만큼 차지하도록 변경됩니다. 이때 display 속성값이 inline-block으로 실제로 변경되는 것이 아니라 외형만 콘텐츠 너비만 차지하는 것처럼 출력됩니다. 3) Float 요소의 흐름 Float 속성이 적용된 요소 뒤에 있는 다른 요소들이 해당 요소를 감싸는 성질을 가집니다. float 속성을 가지는 요소는 기본적인 문서의 흐름에서 ...
![[CSS] Float 속성 특징](https://blogimgs.pstatic.net/nblog/mylog/post/og_default_image_160610.png)
#
css
#
css레이아웃
#
float
#
float속성
#
float특성
#
float해지
#
html레이아웃
#
가상요소
원문 링크 : [CSS] Float 속성 특징
