반응형
position_relative
-
CSS 기본 Position, Position : Relative, Position : Absolute, Position : Fixed컴퓨터 알아가기/HTML CSS 2021. 3. 29. 19:30
지난 시간까지 CSS의 중요한 요소인 BOX 모델에 대해 개념을 잡아 보았습니다. 이제부터는 본격적으로 CSS의 근본적인 스타일링 중에서 위치를 잡아가는 내용에 대해 알아보도록 하겠습니다. ▒ Position (위치) 개요 다음 HTML과 CSS내용을 참조해 보시고 브라우저에 어떤 형태로 나오는지 상상해 보세요. 위 이미지를 보면 두개의 태그가 나타내는 공간은 서로 겹쳐지지 않습니다. 그리고 왼쪽으로 일관되게 배치가 됩니다. 지금은 위치에 대한 속성이 기본값으로 설정되어 있고 이는 왼쪽 위부터 자리를 차지하게 됩니다. 위치에 대한 속성은 position으로 나타내고 속성값은 다음 4가지로 요약할 수 있습니다. ▶ static (기본 설정값입니다. 지정할 필요가 없습니다.), relative, absolu..