목록relative position (1)

지지나

CSS - position 2. absolute

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