cssz-index (1) 썸네일형 리스트형 <CSS> 레이아웃 (3) - 포지셔닝 - 포지셔닝이란? 앞서 배운 CSS 레이아웃의 기본 토대가 되는 박스 모델을 바탕으로, 웹 문서의 화면을 각 위치에 맞게 구성하는 것을 말한다. 박스 모델을 원하는 위치로 움직여 포지셔닝할 수 있는 속성들은 아래와 같다. 1) box- sizing박스 너비의 기준을 정한다. 기본적으로 width 속성은 박스 모델 요소 중 콘텐츠 영역에 해당하는 가로 길이를 나타낸다. 따라서 박스 너비를 지칭할 때, 가로 길이를 콘텐츠 영역까지만 지정한다면 box-sizing에 content-box(기본값)를, 테두리 영역까지 포함한다면(padding 영역을 포함) border-box를 넣어 설정할 수 있다. - box-sizing: content-box / box-sizing: border-box /* 테두리까지 박스인.. 이전 1 다음