inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

페이스북 클론 - full stack 웹 개발

basic css part2

position: relative

해결된 질문

180

응주

작성한 질문수 10

0

.wrap .list01 {
            width: 200px;
            height: 200px;
            background: hotpink;
            position: relative;            
            left: 50%;
            top: 50%;         
            transform: translate(-50%, -50%);   
        }
다른거 다그대로하고, position만 relative로 했더니
똑같이 적용이 됩니다! relative는 기준이 자기 자신인줄
알았는데, 왜 똑같이 될까요 ???

python django HTML/CSS javascript linux 클론코딩

답변 1

0

범쌤

안녕하세요 응주님,

relative는 자기 자신이 기준이 맞습니다.  

지금 예제의 위치가 absolute left:0; top:0;을 했을때의 위치와 똑같기 때문에,

포지션을 바꾸셔도 위치는 똑같아 보이는 현상이고

실제로 코딩을 하실때는 위치가 달리지실 수 있습니다 ~ㅎㅎ

그래서 가운데 정렬은 absolute를 사용해주셔야 합니다!  :)

전체 코드는 어떻게 얻을 수 있을까요?

0

324

0

게시물 만들기 부분이 이상해요..

0

212

0

footer가 수정이 안된다는 걸 이해를 못하겠어욤

0

233

0

"제주에 나만에 가게를 차리고 싶어요 3" 코드가 예제소스에 없어요

0

252

1

연습문제 - 확률 주피터에 없어요

0

264

0

영상이 짤려 있네요 - 6회차 - 코로나 Data 분석(성별, 나이)

0

152

0

javascript의 remove에 대해 문의 드려요

0

181

0

ajax의 prepend를 왜 하는 건지 알고 싶어요

0

175

0

def nickname(request, post): post에 대해 질문 드립니다

0

147

0

UserCreationForm.Meta.fields + ('email',)를 해주는 이유가 무엇인지 알고 싶습니다.

0

263

0

admin add 에서 post 선택이 헷갈리는 문제

0

147

0

북마크 에러.

0

229

1

테스트서버

0

279

0

채팅구현

1

248

0

에러 질문드립니다.

1

407

3

13:09 alert 출력

0

362

1

type 'PosixPath' is not iterable 에러

0

1424

1

8분쯤, uwsgi -i .config/uwsgi/uwsgi.ini

0

265

1

uwsgi --http :80 --home /workspace/djangomtv/venv --chdir /workspace/djangomtv --static-map /static=/workspace/djangomtv/staticfiles/ -w djangomtv.wsgi

0

188

0

1분 20초경 질문입니다

0

141

0

00:54 전부 주석처리 하는 단축키가 먼가요?

0

1995

2

git remote add 입력시 에러가 뜹니다.

0

169

1

vscode 사용중이라, bitnami 설치해서 해봤는데 업데이트가 안되요!

0

263

1

맥에서의 연결법도 올려주셨으면 좋겠어요!

0

172

1