jfmam 개발 블로그

float float란 단어의 뜻 처럼 콘텐츠가 그 주위를 흐르도록 하게하는 css 속성 웹 레이아웃으로 많이 쓰이지만 레이아웃을 목적으로 설치된 것이 아니다. 초기 웹페이지의 경우 이미지 주위에 텍스트를 감싸기 위해 사용되는 용도로 주로 쓰였기 때문이다. 최근에는 flex, grid로 인해 잘 사용되지 않는 추세이다. 기본속성 값: left, right, none 기본값: none 이미지에 float: left속성을 주었을 경우 왼쪽으로 이동이 되며 텍스트 들이 이미지 주변으로 흐른다(float) float 특징 float된 요소는 일반적은 플로우를 벗어나지만 레이아웃에는 영향을 끼친다. 마진 병합이 되지 않는다. float요소는 기본적으로 width가 0이기 때문에 사용할 경우 지정해주자. 세부사항 ..