inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

중상급 퍼블리싱을 위한 CSS3의 모든 것

포지션(position) 속성(부모요소 자식요소 관계 맺기)

[공유] 부모 요소가 position: absolute 인 경우에 대한 설명

663

alvinlog

작성한 질문수 11

1

영상 마지막 부분에 보면 부모 요소에 position: absolute인 경우에도 부모-자식 요소가 매칭이 되게 되는 걸 보셨을 겁니다.

 

정확하게는 relative가 부모, absolute가 자식으로 매칭되는 것이 아닌 (편의상 이렇게 설명을 하셨지만)

 

absolute는 position: static 속성을 가지고 있지 않는 조상을 기준으로 작동합니다

 

즉, relative, absolute, fixed, sticky 의 값을 가지고 있는 부모가 있다면 자식-부모 매칭이 됩니다.

그러나, 대부분의 경우에는 relative-absolute인 경우가 대다수죠!

HTML/CSS

답변 1

0

코딩웍스(Coding Works)

지식공유 감사합니다~!!

강의 내용 관련 문의드립니다 (animation)

1

55

2

Grid 수직정렬 제대로 안됩니다.

1

72

1

강의 화면이 안나옴

1

208

1

로그인 폼 CSS 디자인 코드 질문 있습니다.

1

235

1

inherit와 100%의 차이가 궁금합니다.

1

322

2

<br>태그 사용 빈도를 줄이게 될 경우의 질문입니다.

1

201

1

수업자료는 없나요?~

1

325

1

float: right 요소가 아래에 배치되는 이유 쉽게 설명

1

863

1

안녕하세요 가상클래스 포지션 활용 질문드립니다

1

386

2

hover 가상클래스 ( hover로 만드는 버튼 디자인, 드롭다운 네비게이션 & 컨텐츠) 강의중

3

460

2

nav 태그

1

1129

1

css 선택자의 모든-선택자 우선순위가 중요한 이유 강의 내용중에서

1

545

1

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

1

348

1

before after 가상클래스(도형과 버튼 만들기, 포지션 활용) 01 강의 중 이미지 안 뜨는 문제요ㅠ.ㅠ

1

672

2

유튜브 영상 파일

1

300

1

모바일 css 작업(단위)

1

295

1

유튜브의 초급,중급 이론과는 어떤차이가 있나요?

1

260

1

선생님 질문이 있습니다. (float 속성)

1

262

1

파일다운로드와 관련하여

1

256

1

포지션(position) 속성(z-index와 포지션 속성 우선순위) 강의 질문있습니다.

1

401

1

오타(contaner)

1

241

1

float 속성을 설정했을 때 display: inline-block이 되는 것에 관련하여 질문이 있습니다.

1

2281

2

margin: auto;

1

354

1

label 태그의 사용법이 궁금합니다

1

352

2