인프런 커뮤니티 질문&답변

디자인클릭님의 프로필 이미지

작성한 질문수

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

7. 세로 2컬럼 와이어프레임(C1~C4) - 배경색 사용해서 HTML+CSS 구조만들기

container{overflow>hidden}안해도 되나요?

20.12.02 21:34 작성

·

144

1

container에 border:1px solid #000 상태인데...

아래부분에서 float:left 하면 container 는 박스가 가늘게 만들어지고 

아래부분 요소들은 다 밖으로 나오게 됩니다.

그래서

1.메뉴부분은 드롭다운 될때를 고려해서 height, 

2.float:left 는 아래부분 박스에 clear:both;

3.container 처럼 여러 요소가 float되는 경우는 overflow>hidden 한다...

라고 이해해고 있었습니다. 이번 강좌에서 그부분은 그냥 지나치신건지...아니면 시험때 할필요없는 건지 여쭤봅니다.

답변 3

1

코딩웍스(Coding Works)님의 프로필 이미지

2020. 12. 03. 10:04

.container에 overflow: hidden을 주셔도 되고 안주셔도 됩니다.

이유는 .container 다음에 오는 html 요소가 없기 때문에 배치에 영향을 받지 않습니다.

주셔도 되고 안주셔도 됩니다.

0

디자인클릭님의 프로필 이미지

2020. 12. 03. 10:16

사실 클래스네임정하는것도 규칙을 몰랐는데 너무 잘 정리해주셔서 코딩할때 머리 안아프고 빠르게 코딩이됩니다. 감사합니다

0

디자인클릭님의 프로필 이미지

2020. 12. 03. 10:13

감사합니다. 항상 찜찜했던 부분들 명쾌하게 설명해주셔서 머리속이 깨끗해집니다^^