강의

멘토링

커뮤니티

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

milky님의 프로필 이미지
milky

작성한 질문수

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

탭 메뉴 제작을 위한 input 속성선택자, 인접선택자, 형제선택자

x표시

작성

·

148

1

안녕하세요! 선생님!

버튼을 클릭했을때, 닫기 버튼이 slidebar 바깥에 나오게 하기 위해, 

label에 position absolute 를 주시고, input[id=trigger]:checked + label {left:250px;} 로 주셨는데요! 

저는 label에 따로 absolute를 주지않고, input[id=trigger]:checked + label {left:250px;} 값만 넣어도 잘 움직이더라구요~ 

label에 따로 absolute를 주신 이유가 궁금합니다! 

   

답변 1

1

label에 따로 absolute를 준 이유는 label의 위치를 왼쪽, 오른쪽 또는 오른쪽 중앙 등 원하는 위치로 옮기기 위해서 준 것 입니다. label에 따로 absolute를 주지 않고 움직였다면 label에 relative가 있어서 그렇습니다. 포지션 속성이 없으면 left, right, top, bottom은 작동하지 않습니다.

왼쪽을 기준으로 label을 배치하면 relative로 되지만 오른쪽으로 위치시키려면 absolute를 주셔야 합니다.

milky님의 프로필 이미지
milky

작성한 질문수

질문하기