레이아웃

🦷

 

block : 블록 요소로 표시하며 새 줄에서 시작해 전체 너비를 차지

inline : 인라인 요소로 표시하며 높이 및 너비 속성에 영향을 받지 않음

 

 

 

static (default)

방향 속성 값의 적용을 받지 않는 자연적인 위치

 

relative

정적 위치에서 방향 속성 값의 적용을 받는 상대적인 위치

 

absolute

기준위치로부터 지정된 방향속성 값에 적용을 받는 절대적인 위치

첫번째 기준위치 - 브라우저의 상단 좌측(모든 컨텐츠가 자연 배치되는 기본적인 위치)

두번째 기준위치 - 이동요소의 물리적 부모요소가 position:static외 값을 1개 이상 가졌을 때(보통 부모는 relative 많이 함)

 

fixed

고정적인 위치