inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

반응형 웹사이트 포트폴리오(Architecture Agency)

PC 레이아웃 섹션 상세 퍼블리싱(Contact Section) - #02

자식 플롯되면 부모에 높이 줘야하는건가요?

241

Jennifer oh

작성한 질문수 9

1

안녕하세여, 쌤 ^^
다시 복습하다가 궁금한점 문의드려요~
아래와 같이 .contact-feature의 div를 플롯레프트 했는데 부모contact-feature 에게는 높이를 않줘도 되는게 조상contact-inner에 높이가 있어서인가요?
그리고 영상에서는 부모에 overflow: hidden을 안주셨던데 안줘도 될때가 있나요?
넘 감사합니다~!
contact-inner{
background-color: #fff;
position: relative;
height: 100%;
}
.contact-feature{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70%;
overflow: hidden;
color: #222;
}
.contact-feature>div{
float: left;
width: 50%;
padding: 20px;
}

플롯 jquery HTML/CSS 웹 디자인 반응형-웹

답변 1

0

코딩웍스(Coding Works)

말씀하신데로 .contact-inner에 높이가 있으니까 .contact-featured에 높이값을 찾아주지 않아도 .contact-featured의 레이아웃이 망가지지 않습니다. 하지만 .contact-featured에 어떤 디자인 예를들어 보더 디자인, 배경색 디자인을 한 경우 또는 나중에 하게 될 경우 높이값이 없으니 표시가 안될거에요. 그런 저런걸 대비해서 주는거에요. 지금의 경우 .contact-featured에 디자인 요소가 없으니까 꼭 주지 않으셔도 됩니다.

full reload 질문

1

194

3

섹션4에 있는 4번째 강의 질문(스크롤링)

1

157

2

안녕하세요. 질문있어서 조심스레 글을 올려봅니다.

1

209

1

브라켓 라이브 실행시 실행오류때문에 진도가안나갑니다..ㅠㅠ

1

331

3

css full reload 문제가 발생하여 질문드립니다!

1

325

3

파일 내 index.html에 대한 오류

1

268

1

모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 부분 해결되지 않아 재 질문 드립니다ㅠㅠ

1

213

1

모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 질문입니다

0

219

2

모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 다시 수정하여 질문드립니다!

1

207

2

모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 질문드립니다.

1

260

3

크로스브라우징-크롬

1

291

2

섹션 17 하드코딩으로 이미지맵 만들기 부분 연습파일이 없어요..

0

260

1

line-hieght를 em 단위로 쓰는 것에 대하여 질문 드립니다

1

221

1

슬릭 슬라이더 dots 보이게 하는 방법 질문 드립니다

1

287

1

이거 h2 가 안나오고 스크롤도 안되는데 왜이래요?

1

265

1

모바일 버전에서 메뉴 클릭 후 그 위치로 이동할 때 상단 영역

1

520

2

PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)4

2

235

1

PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)3

2

316

1

PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스 js)2

2

274

1

PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태

2

441

1

포지션 속성 중복과 관련해서

1

224

1

section about에 관련.. 궁금해요

1

259

1

섹션3 모바일네이게이션 퍼블리싱 모바일트리거 관련

1

199

2

개발자도구

2

493

6