-
질문 & 답변
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
position 속성 관련 질문
22.11.03 13:56 작성 조회수 157
1
선생님 안녕하세요!
현재 <flexbox 활용한 갤러리 이미지 어코디언 네비게이션> 강의를 들었는데요.
css부분에서 .content를 처음에 li 아래에 존재하게 하기위해
bottom값을 주었는데요.
height: 250px라고 했을때 bottom값을 -250px를 준다면 이는 top: 100%인것과 같은것 아닌걸까요?
처음에 top:100%로 해보았는데 그러면 아래로 내려가기는 하지만
나중에 hover했을때 올라오지 않아서 top:100%으로 주면 안되는 이유가 어떤건지 여쭤봅니다!
답변을 작성해보세요.
1
코딩웍스(Coding Works)
지식공유자2022.11.04
트랜지션을 시키기 위해서 같은 속성을 사용해야 합니다.
bottom을 사용했다면 :hover에서도 bottom을 사용해야 합니다.
top을 사용했다면 :hover에서도 top을 사용해야 합니다.
bottom: 0 일 때 :hover에서 bottom: -240px로 하시는거구요.
top: 100% 로 했다면 top을 100% 이상으로 예를들어 120% 이렇게 해야 합니다.
그런데 top 120% 이런건 정확하지 않기 때문에 bottom으로 하셔야 합니다.
답변 1