08-5 웹 요소의 위치 지정하기

웹 문서에서 이미지나 글씨를 원하는 위치에 넣고 싶은데 생각만큼 쉽지 않음.

position 속성을 사용하여 웹 문서에서 요소의 위치를 자유롭게 정할 수 있음.

position 속성은 자주 사용하지만 그만큼 실수하기도 쉬운 부분이니 꼼꼼하게 살펴보셈

 

>>>웹 요소의 위치를 정하는 left, right, top, bottom 속성

position 속성으로 기준 위치를 정한 뒤 요소의 위치를 left, right, top, bottom 속성에서 선택하고 속성값을 지정하면 됨.

 

>>> 배치 방법을 지정하는 position 속성

position 속성은 웹 문서 안의 요소를 자유자재로 배치해 주므로 HTML과 CSS를 이용해 웹 문서를 만들 때 중요함.

position 속성을 이용하면 텍스트나 이미지 요소를 나란히 배치할 수도 있고 원하는 위치를 선택할 수 있음.

 

position: absolute를 사용해서 위치를 지정할 때에는 기준이 되는 요소에 position: relative를 사용해야 한다는 것을

꼭 기억하자!!!