레이아웃을 위한 CSS 프로퍼티 -position-
position 프로퍼티 element에 position 속성을 걸어주면 top, bottom, right, left로 움직일 수 있습니다. 1. position: relative; relative에게는 대표적으로 중요한 기능이 두가지 있습니다. 1-1. top, bottom, right, left 프로퍼티를 통해 element를 움직일 수 있게 해줍니다. 내용 /* CSS 내용 */ .box { border: 1px solid black; width: 100px; height: 100px; } .content { position: relative; top: 100px; right: 20px; } 1-2. 다른 position 속성을 가진 자식태그의 이동범위가 됩니다. /* 기본 CSS 구성 */ .pa..
언어/HTML + CSS
2021. 3. 16. 16:01
