CSS- layout 박스 모델 배치

yeong ·2022년 11월 14일

css

목록 보기
28/34

position : 박스모델 배치 관련 스타일 속성
속성값 : static(기본) - 박스모델 자동 배치(박스모델 중첩 미발생)
position: static;
속성값 : relative - 박스모델 자동 배치 후 top 속성과 left 속성으로 박스모델 이동하여 배치(박스모델 중첩 발생)
top 속성 : 세로 방향(Y)의 이동 관련 스타일 속성 - 속성값 단위 : px, %
left 속성 : 가로 방향(X)의 이동 관련 스타일 속성 - 속성값 단위 : px, %

속성값 : absolute - 박스모델 배치 전 top 속성과 left 속성으로 박스모델 이동하여 배치(박스모델 중첩 발생)

속성값 : fixed - 박스모델 배치 전 top 속성과 left 속성으로 박스모델 이동하여 배치(박스모델 중첩 발생) 브라우저의 크기를 벗어난 박스모델에 대한 스크롤 미발생

0개의 댓글