float와 clear
안녕하세요 선생님.
잘 이해가 안가서 그러는데요,
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
참고하실만한 자료를 추가해드립니다.
공부에 도움되시길 바랍니다.
background vs background-color
0
28
1
노션 자료위치
0
88
2
강의 수강 후 실습
0
329
1
강의 내용과 같은 작업을 쉽게 도와주는 라이브러리 같은 것도 있나요?
1
312
1
강의학습시 작성한 코드를 블로그에 올려도 될까요?
0
395
2
안녕하세요 이미지 관련해서 질문이 있습니다,
0
367
1
codepen질문입니다.
0
305
2
transition질문있습니다~
0
350
1
섹션 5. position 강의 중 absolute와 relative의 사용법에 대한 질문 있습니다!
0
226
1
노션 학습 링크
0
375
1
반응형 실습
0
285
2
@media 미디어 쿼리 적용 안되는 이유
0
1263
1
35분 강의 내용중 :after 사용관련
0
271
2
코드캠프 로드맵 이후 질문사항
0
329
1
diary-date 부분 질문
0
315
1
transform 3번째 강의 질문
0
315
1
강의자료
0
471
1
학습자료 요청건
0
398
1
레이아웃 질문드려요~
0
385
1
vscode 새로운 폴더 불러오기
0
392
1
grid속성 6:36에 나오는 것.
0
322
1
left:calc(100% - 100px) 질문드립니다.
0
736
1
텍스트박스안에서 padding-bottom 이 이렇습니다
0
402
2
단위심화 강의 중 질문 있습니다.
0
350
1