clear: both;를 줘야하는 이유?

22.03.04 00:40 작성 조회수 153

items > div 이면 스페이스가 아닌 꺽세이기 때문에 자식태그만 float: left; 를 상속 받는게 아닌가요?

왜 밑에 따로 떨어져 있는 footer가 그 영향을 상속 받는건지 모르겠어요ㅜㅜ

[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)

5. 가로 고정형 레이아웃(A1~A4) - 배경색 사용해서 HTML+CSS 구조만들기

강의실 바로가기

답변 1

답변을 작성해보세요.

코딩웍스(Coding Works)

2022.03.04

.items > div에 float를 주면 .items > div가 적용되고 .items > div 다음에 나오는 태그에도 float를 상속시킵니다. 그래서 footer에 float: left가 상속됩니다.

그래서 footer에 clear: both를 주게 됩니다.

하지만 강의에 있듯이 .items의 높이값을 찾아주는 작업인 overflow: hidden을 주면 굳이 clear: both를 footer에 주지 않아도 문제 없습니다.

psk1710

2022.03.08

말해주신듯이 float로 인해 높이값을 잃은 부모요소의 높이값을 찾아주면 상관없다고 하신부분은 이해했는데

꺽세와 관계없이 다음 이어지는 태그들이 float를 상속받는건가요?

space의 경우가 뒤이어 오는 애들이 다같이 상속받고, >는 바로 그 아래 자식요소만 상속을 받는다가.. 아닌지?

요부분이 살짝 이해하기 어렵네요ㅜㅠ

코딩웍스(Coding Works)

2022.03.08

float를 적용한 요소 다음에 오는 html 요소가 float를 상속 받습니다.