css 테두리1 [프론트엔드][CSS] TIL -Day 12.1 position 포지션 & border 보더 종류 설명 static 따로 설정하지 않았을 때의 배치와 같다. 즉, 기본값 relative 위치값을 지정할 수 있다는 점 외에는 static과 같다. absolute relative값을 가지고 있는 상위 요소를 기준으로 위치를 지정해 배치한다. fixed 브라우저 창을 기준으로 위치를 지정해 배치한다. 코드를 참고하면서 위의 실행화면을 보면, 첫번째 더미박스와 두번째 더미박스는 각각 static과 relative를 사용해서 웹 문서의 흐름에 따라 요소가 위에서 아래로 자연스럽게 배치된다. 세번째 더미박스는 relative로 설정하였으므로, 왼쪽과 위쪽으로 위치 변화를 줄 때 움직임이 생김을 알 수 있다. 단, 좌측과 상단으로의 변화가 생기지만, 그것은 이전의 박스를 기준으로 한 상대적인 변화가 아니라 .. 2022. 4. 12. 이전 1 다음
