[CSS] 화면 레이아웃 스타일

position 속성 - 페이지에 요소의 위치 지정 1. static - position 속성을 지정하지 않으면 사용되는 기본값 2. relative - 표시된 기본 위치를 기준으로 새로운 위치 지정 - top, left, right, bottom 함께 지정 필요 - (-) 값 사용 가능 기준 위치 * height와 line-height 값을 일치 시키면 가운데로 값 출력 가능 relativ 사용(top 100px, left 100px 이동) 3. absoulte - 해당 요소가 위치한 부모 요소를 기준으로 위치 지정 - 위치가 지정된 부모 요소 : static이 아닌 다른 값 부모(노란색) 위치를 기준으로 자식(초록색) 위치 변경 됨 4. fixed - 브라우저 기준으로 위치를 지정 - 스크롤 이동시에도 위치 고정 display 속성 - 레이아웃 결정 1.block - 줄바꿈 가능 - width : 100% - width, height 속성 지정 가능 - <div> 2.inline...

원문링크 : [CSS] 화면 레이아웃 스타일