공부하고 또 공부하는

[개요] position 속성은 태그를 어떻게 위치시킬지를 정의하며, 아래의 5가지 값을 갖습니다. static : 기본값, 다른 태그와의 관계에 의해 자동으로 배치되며 위치를 임의로 설정해 줄 수 없습니다. absolute : 절대 좌표와 함께 위치를 지정해 줄 수 있습니다. relative : 원래 있던 위치를 기준으로 좌표를 지정합니다. fixed : 스크롤과 상관없이 항상 문서 최 좌측상단을 기준으로 좌표를 고정합니다. inherit : 부모 태그의 속성값을 상속받습니다. 좌표를 지정해주기 해서는 left, right, top, bottom 속성과 함께 사용합니다. position 을 absolute 나 fixed 로 설정시 가로 크기가 100%가 되는 block 태그의 특징이 사라지게 됩니다. ..

[개요] float 라는 단어는 원래 '뜨다'라는 의미이며, 원래 웹페이지에서 이미지를 어떻게 띄워서 텍스트와 함께 배치할 것인가에 대한 속성입니다. inherit : 부모 요소에서 상속 left : 왼쪽에 부유하는 블록 박스를 생성. 페이지 내용은 박스 오른쪽에 위치하며 위에서 아래로 흐름. right : 오른쪽에 부유하는 블록 박스를 생성. 페이지 내용은 박스 왼쪽에 위치하며 위에서 아래로 흐름. 이후 요소에 clear 속성이 있으면 페이지 흐름이 달라짐. none이 아니라면 display 속성은 무시된다. none : 요소를 부유시키지 않음 left 와 right 를 통해 부유속성을 지정시 display 는 무시됩니다.(none은 제외) 또한 이후 요소에 clear 속성이 있으면 페이지 흐름이 달라..