강의

멘토링

커뮤니티

Inflearn Community Q&A

psk17103805's profile image
psk17103805

asked

[2025 Exam Criteria] Web Design Technician Practical Exam Complete Guide

5. Horizontal Fixed Layout (A1~A4) - Creating HTML+CSS Structure Using Background Colors

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

Written on

·

332

1

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

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

HTML/CSS웹 디자인jquery

Answer 1

0

codingworks님의 프로필 이미지
codingworks
Instructor

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

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

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

psk1710님의 프로필 이미지
psk1710
Questioner

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

 

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

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

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

codingworks님의 프로필 이미지
codingworks
Instructor

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

psk17103805's profile image
psk17103805

asked

Ask a question