-
카테고리
-
세부 분야
풀스택
-
해결 여부
해결됨
position: relative
21.01.29 18:28 작성 조회수 119
0
.wrap .list01 {
width: 200px;
height: 200px;
background: hotpink;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
다른거 다그대로하고, position만 relative로 했더니
똑같이 적용이 됩니다! relative는 기준이 자기 자신인줄
알았는데, 왜 똑같이 될까요 ???
답변을 작성해보세요.
0
범쌤
지식공유자2021.03.12
안녕하세요 응주님,
relative는 자기 자신이 기준이 맞습니다.
지금 예제의 위치가 absolute left:0; top:0;을 했을때의 위치와 똑같기 때문에,
포지션을 바꾸셔도 위치는 똑같아 보이는 현상이고
실제로 코딩을 하실때는 위치가 달리지실 수 있습니다 ~ㅎㅎ
그래서 가운데 정렬은 absolute를 사용해주셔야 합니다! :)
답변 1