inflearn logo
강의

Course

Instructor

Final Coding Test: Frontend

Writing CSS - Part 3

overflow: hidden;

164

js be

25 asked

1

좋은 수업 감사드립니다.

.cont-company .cont-coInfo {
  position : relative;
  overflow : hidden;
  width: 1189px;
  margin: 0 auto;
}

위의 footer css 작성하는 부분에서 overflow: hidden;을

왜 주는지 이해가 잘 안 갑니다. overflow: hidden을 주석처리해버리면 <dl class="list-coInfo"> 부분의 background가 없어지던데 왜 그러는거죠...? 

 

 

코테 준비 같이 해요!

Answer 1

0

Hojun Lee

네 안녕하세요 js be 님! 좋은 질문 감사합니다~

.cont-coInfo 의 자식인 list-coInfo 와 txt-copy 에 float 속성이 적용되어 있기 때문입니다!
부모요소는 자식요소가 float 처리가 되면 인식을 하지 못하기 때문에 float 된 자식 요소를 알아보게 하기 위하여 부모에 overflow:hidden 속성을 준것입니다. :)
혹시 이해가 안가시는 부분이 있다면 언제든 또 말씀주세요~


감사합니다!

뮤직플레이>인트로 컴포넌트 작성강의에 관련해서 궁금한게있어서 문의드립니다!

0

344

1

cart 페이지 피그마 로직관련 질문드립니다!

0

456

1

createRootElement가 static인 이유가 무엇인가요?

0

355

1

11번째 파트 강의 정말 잘보고 있습니다!

0

244

1

좋아요 기능 만드는 강의가 완전하지 않아요!

0

267

1

[카드게임] 타이틀 display부분 질문 있습니다!

2

266

1

[카드게임] 카드게임 타이틀 부분 질문있습니다.

0

231

1

git public레포로 코드와 제공해주신 리소스들 올려도되나요?

0

290

1

items

1

336

2

album 컴포넌트 스크립트까지 다 따라 쳤는데 화면에 아예 안뜨네요..ㅜㅜ

0

267

1

SPA 섹션 강의 완성 예정일이 궁급합니다.

0

298

1

다음 구현 부분은 아직 강의 공개가 안된걸까요 ??

0

183

1

추가문제 강의 업로드

0

218

1

강의자료는 어디서 다운받을 수 있나요

0

261

1

index.js를 빼는 이유

1

281

1

파코테4 - 뮤직플레이 화면이 없어지고 li가 떠야하는데 안뜨네요.. 빨간줄이 뜬 부분은 오타가 아닌데 오타라고 뜨고 렌더쪽 문제 해결하는 법을 모르겠네요

0

311

2

reset.css 는 어디에 설정 하나요?

0

472

2

노션 링크 질문입니다.

0

203

1

이미지 하나가 움직임이 좀 부자연스럽

0

272

1

CSS 업데이트 부탁드립니다.

1

177

1

궁금한점이 있어서 질문드립니다!

1

306

2

난이도 별 3개가 많은데 어떤순서가 좋을까요?

2

185

1

질문입니다.

2

214

1

리액트로 구현

1

264

2