<img src="https://cdn.inflearn.com/public/files/posts/7ca040ed-dbbb-4ce1-b0ef-852da53ea0b2/스크린샷 2022-11-03 오후 1.44.25.png" alt="스크린샷 2022-11-03 오후 1.44.25.png" title="스크린샷 2022-11-03 오후 1.44.25.png">선생님 안녕하세요!현재 &lt;flexbox 활용한 갤러리 이미지 어코디언 네비게이션&gt; 강의를 들었는데요.css부분에서 .content를 처음에 li 아래에 존재하게 하기위해bottom값을 주었는데요.height: 250px라고 했을때 bottom값을 -250px를 준다면 이는 top: 100%인것과 같은것 아닌걸까요?처음에 top:100%로 해보았는데 그러면 아래로 내려가기는 하지만나중에 hover했을때 올라오지 않아서 top:100%으로 주면 안되는 이유가 어떤건지 여쭤봅니다!

트랜지션을 시키기 위해서 같은 속성을 사용해야 합니다. bottom을 사용했다면 :hover에서도 bottom을 사용해야 합니다. top을 사용했다면 :hover에서도 top을 사용해야 합니다.bottom: 0 일 때 :hover에서 bottom: -240px로 하시는거구요. top: 100% 로 했다면 top을 100% 이상으로 예를들어 120% 이렇게 해야 합니다. 그런데 top 120% 이런건 정확하지 않기 때문에 bottom으로 하셔야 합니다.

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

position 속성 관련 질문