인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

Inflearn Community Q&A

최다니엘's profile image
최다니엘

asked

[Code Camp] Powerful CSS

float layout

float와 clear

Resolved

Written on

·

352

0

 안녕하세요 선생님.

잘 이해가 안가서 그러는데요,

css강의중 float레이아웃 파트의 20분쯤에 보시면

float와 clear에 관한 내용들이 나옵니다.

float를 적용해주고, clear로 float적용해줬던 것을 지워주는 개념인가요?

그렇다면 애초에 float를 사용하지 않으면 굳이 clear로 지워줄 필요가 없을텐데

왜 float를 만드는 것이며 왜 clear로 굳이 float를 "어떤 작용"을 하여서 핸들링 해주는 걸까요?

("어떤 작용"에 대해서는 분명 눈으로는 "어떤 작용"을 한다는게 보이긴 하는데 이게 어떤것인지는 표현을 못하겠습니다 ㅠㅠ)

floatclearHTML/CSS

Answer 1

0

float는 요소를 배치하기 위해 사용되는 되는 속성입니다.
하지만 float를 사용하게 되면 브라우저가 높이를 인식하지 못하게 되고
float된 요소가 부모 요소의 높이에 영향을 주지 않기 때문에 clear 해주는 과정이 필요합니다.
https://naradesign.github.io/float-clearing.html
참고하실만한 자료를 추가해드립니다.

공부에 도움되시길 바랍니다.

최다니엘's profile image
최다니엘

asked

Ask a question