지지나

앞 보스팅에서 css 포지션 기본값인 static(정적) position과 relative(상대적) 포지션에 대해 공부했다. 이번에는 relative랑도 협력하여 자주 쓴다는 absolute 포지션에 대해서 알아보자. *생활코딩 강좌와 함께합니다. 2. Position: Absolute 자 일단, 아래처럼 예제를 만들어보았다. 이전 단계에서 me태그에 상대적 포지션 적용하고 이 태그를 우측 하단으로 100px만큼 옮겼었다. 이 위치이동은 parent 태그에 대해서 상대적으로 옮긴 이동이다. 그런데 경우에 따라서는 이 me태그를 html 요소, 이 웹페이지의 좌측상단 가장자리를 기준으로 해서 옮길 필요가 있을 것이다. 그럴 때 필요한 포지션 설정이 absolute 이다. me 태그에 절대적 포지션을 주고,..

바로 앞 포스팅에서 포지션 중 absolute, relative에 대해 썼었는데 그 외의 포지션들과, absolute, relative position에 대해 더 자세히 알아보려고 한다. 왜냐하면 내가 아직 이해가 잘 안됨ㅋㅋㅋㅋㅋ 최대한 강의에서 배운 것은 노트필기한 것과 직접 해본 것으로 복습을 하려고 하는데 이 개념은 도무지 어렵기도 하고, 헷갈리기 쉬운 것이라 생활코딩의 인강을 틀었다! Position: html의 태그가 화면상의 어디에 위치할 것인가 결정하는 것이다. 1. Static vs. Relative 포지션에는 4가지 종류가 있는데 먼저 static과 relative에 대해 알아보도록 하자. 우선 기본적으로 이렇게 적용했고, 모든 div 태그에 보더 5픽셀과 마진 10픽셀을 주었다. 만약..