css_float

jhson·2023년 12월 28일
0

css

목록 보기
24/28
post-custom-banner

float

  • float 속성은 문서의 흐름에서 제외시킨 채 부모 요소 또는 루트 요소를 기준으로 위치를 변경
  • 문서의 흐름에서 제외되어 상위 요소의 왼쪽 또는 오른쪽 면에 붙는 형태로 배치되도록 하는 특징(문서의 흐름을 무시하고 요소를 잡아서 띄워서 배치시키는 것)
  • float 속성을 적용한 요소를 '부동 요소'라고 함
    (위치를 이동하면서 다른 요소의 공간까지 영향을 줌. 이를 잘 활용하면 유용, float을 적용하지 않은 요소의 공간에 영향을 주어 역효과가 있음)
  • =>따라서 이런 상황에 대응하는 clear 속성이 있다
  • 속성값 : left, right, none(float을 적용하지 않음)
profile
게임회사 주니어 개발pm에서 프론트엔드 개발자로 전향하는 과정

0개의 댓글