[CSS]Position static, relative, absolute, fixed

Position 1. static - position의 기본값, position값이 설정되어있지 않으면 자연스럽게 static으로 설정된다. - 차례대로 왼쪽에서 오른쪽, 위에서 아래로 쌓여간다. - static이면, left와 top값 설정되어도도 위치가 변하지 않는다. .box1{ width: 100px; height: 100px; background-color: yellow; } .box2{ width: 100px; height: 100px; background-color:pink; } 2. relative - static으로 설정된 요소를 기준점으로 잡는다. (만약 static 요소가 없으면 브라우저 왼쪽 상단을 기준으로 잡는다.) - left : 50px, top: 70px로 설정 시 stati..

2021.02.15