분석:
top: 50%; left: 50%; 요소의 왼쪽 상단을 상위 요소의 수직 및 수평 중앙에 배치합니다.
margin-top: -50px; : -50px; 요소가 거리의 절반만큼 위쪽과 오른쪽으로 오프셋됩니다.
p {
width: 100px;
height: 100px;
background-color: skyblue;
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px;}분석:
위쪽: 50% 왼쪽: 50%; 상위 요소에서
transform:translate(-50%, -50%); 요소를 위로 이동하고 오른쪽으로 절반 거리
p {
width: 100px;
height: 100px;
background-color: skyblue;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);}분석:
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
