CSS 배치 모델(Placement Model)
웹문서를 작성하면서 요소를 적당한 위치에 놓기위해 고심을 하곤합니다. 이에 대한 전반적인 내용을 소개합니다. 배치 모델 소개 요소의 배치에 쓰이는 CSS 배치 모델은 정적, 절대, 고정, 상대, 플로트, 상대적 플로트 배치이다. 이 배치 모델은 여섯 가지 박스 모델과 관련이 있지만 대응되거나 같은 개념은 아니다. 정적 배치 모델 : 인라인, 인라인 블록, 블록, 테이블 박스의 배치에 사용한다. 절대 위치 모델, 고정 배치 모델 : 절대 위치 박스 배치에 사용하는데, 이때 어느 요소든 절대 위치 박스일 수 있다. 플로트 배치 모델 : 플로트 박스의 배치에 사용하는데, 마찬가지로 어느 요소든 절대 위치 박스일 수 있다. 상대 위치 모델 : 절대 위치 박스를 제외한 모든 박스의 상대 위치에 사용한다. 상대적 ..
