강의

멘토링

커뮤니티

Inflearn Community Q&A

rudals89201749's profile image
rudals89201749

asked

HTML+CSS+JS Portfolio Practical Publishing (Season 1)

Extended Selectors and Pseudo-class :checked - Practical Publishing 02 (Creating an Animated Side Menu)

position 질문이 생겼습니다

Written on

·

237

1

ㅔ너무 자주 질문 드려서 죄송합니다 ㅠㅠ

.side-menu에 position:fixed로 하면 화면 우측으로 스크롤이 안생기는데 

position:absolute를 주면 화면 우측으로 sidemenu가 숨겨지지 않고 스크롤이 발생합니다

왜 그런건가요 ?ㅠㅠ

HTML/CSSjquery

Answer 2

2

codingworks님의 프로필 이미지
codingworks
Instructor

새로고침하시면 될거에요.

라이브 프리뷰 상태라서 그럴게요.

그리고 가독성을 위해서 인접 형제 선택자는 좌우에 띄어쓰기 해주시는게 좋습니다.
그리고 속성선택자의 경우 따옴표 또는 쌍따옴표 없어도 됩니다. 굳이 넣어주실 필요 없어요.

input[id=trigger]:checked ~ .side-menu {...}

1

rudals8920님의 프로필 이미지
rudals8920
Questioner

친절하시고 빠른 답변 매번 감사드립니다 !

rudals89201749's profile image
rudals89201749

asked

Ask a question