더북(TheBook)

machineWrap 서랍장의 내부를 원활하게 배치하기 위해 relative 속성값으로 안전장치를 걸어 둡니다. leftmargin-left 속성의 중앙 정렬 공식을 사용하여 브라우저를 기준으로 가운데에서 오른쪽으로 약간 치우치도록 배치합니다.

sawShadow, saw1, saw2는 각각 톱니바퀴 그림자와 톱니바퀴 두 개입니다. timer는 기계 위에서 동작하는 시계이고 machineBird는 기계 위에 앉아 있는 새입니다.

각 이미지에는 마진 병합 현상을 막고 z-index 속성을 사용할 수 있도록 absolute 속성값을 적용합니다. timermachineBird 영역은 기계보다 위에 배치되어야 하므로 z-index의 속성값을 machine1 영역의 z-index의 속성값보다 큰 값으로 입력합니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.