강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

Next님의 프로필 이미지
Next

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

확장선택자와 함께 가상클래스 checked 실전 퍼블리싱 07(Testimonial 탭 슬라이더)

확장선택자와 함께 가상클래스 checked 실전 퍼블리싱 07

해결된 질문

작성

·

160

2

.items에 position:absolute;를 줘서 left로 이동하는 방법을 알려주셨는데 .items에 position:absolute를 아예 쓰지 않고 그냥 input에 checked가 되었을 때 .items에 transform:translateX()를 이용해서 이동시키는 방법도 쓰나요?

position:absolute를 쓰지 않고 이동시킬 수 있는 더 간편한 방법인 것 같아서요

답변 1

1

좌우로 이동시킬 때 transform: translateX(이동할 값)을 쓰기도 합니다.
포지션으로 이동시켜도 되고 translateX로 이동시켜도 됩니다.
또 margin-left: 이동할 값... 이렇게 하셔도 됩니다.

translateX랑 margin-left를 사용하시면 굳이 포지션 속성을 사용하지 않아도 됩니다.

어떤 방법이건 제작자가 편하다고 생각하는 방법으로 하시면 됩니다.

Next님의 프로필 이미지
Next

작성한 질문수

질문하기