인프런 커뮤니티 질문&답변
작성한 질문수
float와 clear
해결된 질문
작성
·
322
0
안녕하세요 선생님.
잘 이해가 안가서 그러는데요,
css강의중 float레이아웃 파트의 20분쯤에 보시면
float와 clear에 관한 내용들이 나옵니다.
float를 적용해주고, clear로 float적용해줬던 것을 지워주는 개념인가요?
그렇다면 애초에 float를 사용하지 않으면 굳이 clear로 지워줄 필요가 없을텐데
왜 float를 만드는 것이며 왜 clear로 굳이 float를 "어떤 작용"을 하여서 핸들링 해주는 걸까요?
("어떤 작용"에 대해서는 분명 눈으로는 "어떤 작용"을 한다는게 보이긴 하는데 이게 어떤것인지는 표현을 못하겠습니다 ㅠㅠ)
답변 1
0
float는 요소를 배치하기 위해 사용되는 되는 속성입니다.
하지만 float를 사용하게 되면 브라우저가 높이를 인식하지 못하게 되고
float된 요소가 부모 요소의 높이에 영향을 주지 않기 때문에 clear 해주는 과정이 필요합니다.
https://naradesign.github.io/float-clearing.html
참고하실만한 자료를 추가해드립니다.
공부에 도움되시길 바랍니다.